Added base handled for job decode and watcher start/top

src/components/organisms/filepaths-list/filepaths-list.organism.jsx

@@ -0,0 +1,30 @@
+import { List } from "antd";
+import React, { useEffect } from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import ipcTypes from "../../../ipc.types";
+import { selectWatchedPaths } from "../../../redux/application/application.selectors";
+import FilepathItemMolecule from "../../molecules/filepath-item/filepath-item.molecule";
+const { ipcRenderer } = window;
+
+const mapStateToProps = createStructuredSelector({
+  watchedPaths: selectWatchedPaths,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+
+export function FilePathsList({ watchedPaths }) {
+  //On Rdner, send request to get file paths to main.
+  useEffect(() => {
+    ipcRenderer.send(ipcTypes.default.fileWatcher.toMain.filepathsGet);
+  }, []);
+
+  return (
+    <div>
+      File Paths
+      <List dataSource={watchedPaths} renderItem={FilepathItemMolecule} />
+    </div>
+  );
+}
+export default connect(mapStateToProps, mapDispatchToProps)(FilePathsList);

src/components/organisms/sider-menu/sider-menu.organism.jsx

@@ -1,36 +1,18 @@
-import {
-  DesktopOutlined,
-  FileOutlined,
-  PieChartOutlined,
-  TeamOutlined,
-  UserOutlined,
-} from "@ant-design/icons";
+import { PieChartOutlined, SettingFilled } from "@ant-design/icons";
 import { Menu } from "antd";
 import React from "react";
 import { Link } from "react-router-dom";
 import SiderSignOut from "../../molecules/sider-sign-out/sider-sign-out.molecule";
 
-const { SubMenu } = Menu;
-
 export default function SiderMenuOrganism() {
   return (
     <Menu defaultSelectedKeys={["1"]} mode="inline">
       <Menu.Item key="1" icon={<PieChartOutlined />}>
         <Link to="/">Jobs</Link>
       </Menu.Item>
-      <Menu.Item key="2" icon={<DesktopOutlined />}>
-        <Link to="/nope">Jobs Not Working</Link>
+      <Menu.Item key="2" icon={<SettingFilled />}>
+        <Link to="/settings">Settings</Link>
       </Menu.Item>
-      <SubMenu key="sub1" icon={<UserOutlined />} title="User">
-        <Menu.Item key="3">Tom</Menu.Item>
-        <Menu.Item key="4">Bill</Menu.Item>
-        <Menu.Item key="5">Alex</Menu.Item>
-      </SubMenu>
-      <SubMenu key="sub2" icon={<TeamOutlined />} title="Team">
-        <Menu.Item key="6">Team 1</Menu.Item>
-        <Menu.Item key="8">Team 2</Menu.Item>
-      </SubMenu>
-      <Menu.Item key="9" icon={<FileOutlined />} />
       <SiderSignOut />
     </Menu>
   );

src/components/organisms/watcher-manager/watcher-manager.organism.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import WatcherStatusAtom from "../../atoms/watcher-status/watcher-status.atom";
+import WatcherStartMolecule from "../../molecules/watcher-start/watcher-start.molecule";
+import WatcherStopMolecule from "../../molecules/watcher-stop/watcher-stop.molecule";
+
+export default function WatcherManagerOrganism() {
+  return (
+    <div>
+      <WatcherStatusAtom />
+      <WatcherStartMolecule />
+      <WatcherStopMolecule />
+    </div>
+  );
+}