make it works on react components

rohmanhm · rohmanhm · commit 484d10931b04 · 2018-07-04T14:21:17.000+07:00
diff --git a/.gitignore b/.gitignore
@@ -43,3 +43,5 @@ main.js
 main.js.map
 
 .idea
+
+database.sqlite
diff --git a/app/app.html b/app/app.html
@@ -18,8 +18,9 @@
   <body>
     <div id="root"></div>
     <script>
-      // var typeorm = require("typeorm");
-      // typeorm.createConnection().then(() => {
+      var typeorm = require("typeorm");
+      typeorm.createConnection()
+      // .then(() => {
       //   var post = {
       //       name: "name 1"
 
diff --git a/app/components/Counter.tsx b/app/components/Counter.tsx
@@ -1,8 +1,11 @@
-import * as React from 'react';
-import { RouteComponentProps } from 'react-router';
-import { Link } from 'react-router-dom';
+import * as React from 'react'
+import { RouteComponentProps } from 'react-router'
+import { Link } from 'react-router-dom'
+// import * as orm from 'typeorm'
 
-let styles = require('./Counter.scss');
+let styles = require('./Counter.scss')
+
+const orm = (window as any).typeorm
 
 export interface IProps extends RouteComponentProps<any> {
   increment(): void,
@@ -13,8 +16,21 @@ export interface IProps extends RouteComponentProps<any> {
 }
 
 export class Counter extends React.Component<IProps> {
+  async componentDidMount () {
+    try {
+      const data = {
+        name: 'Roman'
+      }
+      await orm.getRepository('user').save(data)
+      const result = await orm.getRepository('user').find()
+      console.log(result)
+    } catch (e) {
+      console.log(e)
+    }
+  }
+
   render() {
-    const { increment, incrementIfOdd, incrementAsync, decrement, counter } = this.props;
+    const { increment, incrementIfOdd, incrementAsync, decrement, counter } = this.props
     return (
       <div>
         <div className={styles.backButton} data-tid="backButton">
@@ -36,8 +52,8 @@ export class Counter extends React.Component<IProps> {
           <button className={styles.btn} onClick={() => incrementAsync()} data-tclass="btn">async</button>
         </div>
       </div>
-    );
+    )
   }
 }
 
-export default Counter;
+export default Counter
diff --git a/app/components/Home.tsx b/app/components/Home.tsx
@@ -9,7 +9,7 @@ export default class Home extends React.Component {
       <div>
         <div className={styles.container} data-tid="container">
           <h2>Home</h2>
-          <Link to="/counter">to Counter</Link>
+          <Link to="/counter">Click to Counter</Link>
         </div>
       </div>
     );
diff --git a/app/main.development.js b/app/main.development.js
@@ -270,4 +270,4 @@ app.on('ready', () => {
       mainWindow.setMenu(menu);
     }
   })
-});
+});
diff --git a/database.sqlite b/database.sqlite

Original file line number	Diff line number	Diff line change
`@@ -270,4 +270,4 @@ app.on('ready', () => {`
`270`	`270`	`mainWindow.setMenu(menu);`
`271`	`271`	`}`
`272`	`272`	`})`
`273`		`-});`
	`273`	`+});`