Added base handled for job decode and watcher start/top

src/components/pages/jobs/jobs.page.jsx

@@ -1,47 +1,31 @@
-import { Button } from "antd";
-import React, { useEffect } from "react";
+import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import ipcTypes from "../../../ipc.types";
 
-const { ipcRenderer } = window;
+//const { ipcRenderer } = window;
 //const settings = window.require("electron-settings");
 
 const mapStateToProps = createStructuredSelector({});
 const mapDispatchToProps = (dispatch) => ({});
 
 export function JobsPage() {
-  useEffect(() => {
-    ipcRenderer.on("test-success", (event, obj) => {
-      console.log("Test Success", obj);
-    });
+  // useEffect(() => {
+  //   ipcRenderer.on("test-success", (event, obj) => {
+  //     console.log("Test Success", obj);
+  //   });
 
-    // Cleanup the listener events so that memory leaks are avoided.
-    return function cleanup() {
-      ipcRenderer.removeAllListeners(
-        "test-success",
-        ipcTypes.default.filewatcher.startSuccess
-      );
-    };
-  }, []);
+  //   // Cleanup the listener events so that memory leaks are avoided.
+  //   return function cleanup() {
+  //     ipcRenderer.removeAllListeners(
+  //       "test-success",
+  //       ipcTypes.default.filewatcher.startSuccess
+  //     );
+  //   };
+  // }, []);
 
   return (
     <div>
-      <div>Welcome to your new react app. asdas sd</div>
-      <Button
-        onClick={() => {
-          ipcRenderer.send("test", { test: true });
-        }}
-      >
-        TEST
-      </Button>
-      <Button
-        onClick={() => {
-          ipcRenderer.send(ipcTypes.default.filewatcher.start);
-        }}
-      >
-        Start Watcher
-      </Button>
+      <div>Welcome to your new react app. </div>
     </div>
   );
 }

src/components/pages/routes/routes.page.jsx

@@ -5,6 +5,7 @@ import { Route, Switch } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import SiderMenuOrganism from "../../organisms/sider-menu/sider-menu.organism";
 import Jobs from "../jobs/jobs.page";
+import SettingsPage from "../settings/settings.page";
 
 const mapStateToProps = createStructuredSelector({});
 const mapDispatchToProps = (dispatch) => ({});
@@ -19,6 +20,7 @@ export function RoutesPage() {
         <Layout.Content style={{ margin: "1rem" }}>
           <Switch>
             <Route exact path="/" component={Jobs} />
+            <Route exact path="/settings" component={SettingsPage} />
           </Switch>
         </Layout.Content>
       </Layout>

src/components/pages/settings/settings.page.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import FilePathsListOrganism from "../../organisms/filepaths-list/filepaths-list.organism";
+import WatcherManagerOrganism from "../../organisms/watcher-manager/watcher-manager.organism";
+export default function SettingsPage() {
+  return (
+    <div>
+      <FilePathsListOrganism />
+      <WatcherManagerOrganism />
+    </div>
+  );
+}
+
+// <Button
+// onClick={() => {
+//   ipcRenderer.send(ipcTypes.default.filewatcher.start);
+// }}
+// >
+// Start Watcher
+// </Button>