From 01244c3118d11a535626c6453fc1a4150a99139a Mon Sep 17 00:00:00 2001
From: Bilal Catic <bilal.catic@hotmail.com>
Date: Thu, 23 May 2019 19:19:54 +0200
Subject: [PATCH] create simple hello world app

---
 client/package.json                 |  1 +
 client/src/App.js                   | 93 +++++------------------------
 client/src/scenes/Home/index.js     |  9 +++
 client/src/scenes/NotFound/index.js |  9 +++
 4 files changed, 35 insertions(+), 77 deletions(-)
 create mode 100644 client/src/scenes/Home/index.js
 create mode 100644 client/src/scenes/NotFound/index.js

diff --git a/client/package.json b/client/package.json
index 20f600e..0f3575a 100644
--- a/client/package.json
+++ b/client/package.json
@@ -17,6 +17,7 @@
   "eslintConfig": {
     "extends": "react-app"
   },
+  "proxy": "http://localhost:5000",
   "browserslist": {
     "production": [
       ">0.2%",
diff --git a/client/src/App.js b/client/src/App.js
index 33b771d..5cc7ef6 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,80 +1,19 @@
-import React from "react";
-import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import React, { Component } from 'react';
+import './App.css';
+import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
+import Home from './scenes/Home';
+import NotFound from './scenes/NotFound';
 
-function App() {
-  return (
-      <Router>
-        <div>
-          <ul>
-            <li>
-              <Link to="/">Home</Link>
-            </li>
-            <li>
-              <Link to="/about">About</Link>
-            </li>
-            <li>
-              <Link to="/topics">Topics</Link>
-            </li>
-          </ul>
-
-          <hr />
-
-          <Route exact path="/" component={Home} />
-          <Route path="/about" component={About} />
-          <Route path="/topics" component={Topics} />
-        </div>
-      </Router>
-  );
+class App extends Component {
+    render() {
+        return (
+            <Router>
+                <Switch>
+                    <Route exact path="/" component={Home} />
+                    <Route component={NotFound} />
+                </Switch>
+            </Router>
+        );
+    }
 }
-
-function Home() {
-  return (
-      <div>
-        <h2>Home</h2>
-      </div>
-  );
-}
-
-function About() {
-  return (
-      <div>
-        <h2>About</h2>
-      </div>
-  );
-}
-
-function Topics({ match }) {
-  return (
-      <div>
-        <h2>Topics</h2>
-        <ul>
-          <li>
-            <Link to={`${match.url}/rendering`}>Rendering with React</Link>
-          </li>
-          <li>
-            <Link to={`${match.url}/components`}>Components</Link>
-          </li>
-          <li>
-            <Link to={`${match.url}/props-v-state`}>Props v. State</Link>
-          </li>
-        </ul>
-
-        <Route path={`${match.path}/:topicId`} component={Topic} />
-        <Route
-            exact
-            path={match.path}
-            render={() => <h3>Please select a topic.</h3>}
-        />
-      </div>
-  );
-}
-
-function Topic({ match }) {
-  return (
-      <div>
-        <h3>{match.params.topicId}</h3>
-      </div>
-  );
-}
-
 export default App;
diff --git a/client/src/scenes/Home/index.js b/client/src/scenes/Home/index.js
new file mode 100644
index 0000000..1bb114a
--- /dev/null
+++ b/client/src/scenes/Home/index.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function Home () {
+    return (
+        <div>
+            <h3>Sima Space - CRM Integration</h3>
+        </div>
+    );
+}
diff --git a/client/src/scenes/NotFound/index.js b/client/src/scenes/NotFound/index.js
new file mode 100644
index 0000000..650f551
--- /dev/null
+++ b/client/src/scenes/NotFound/index.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function NotFound () {
+    return (
+        <div>
+            <h1>Page not found</h1>
+        </div>
+    );
+}