Move IPC listeners to separate classes

src/App/App.jsx

@@ -9,6 +9,7 @@ import SignInPage from "../components/pages/sign-in/sign-in.page";
 import client from "../graphql/GraphQLClient";
 import { checkUserSession } from "../redux/user/user.actions";
 import { selectCurrentUser } from "../redux/user/user.selectors";
+import "../ipc/ipc-init";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,

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

@@ -15,9 +15,7 @@ export function JobsPage() {
     ipcRenderer.on("test-success", (event, obj) => {
       console.log("Test Success", obj);
     });
-    ipcRenderer.on(ipcTypes.default.filewatcher.startSuccess, (event, obj) => {
-      console.log(ipcTypes.default.filewatcher.startSuccess, obj);
-    });
+
     // Cleanup the listener events so that memory leaks are avoided.
     return function cleanup() {
       ipcRenderer.removeAllListeners(

src/components/templates/ipc-upsert-job/ipc-listeners.template.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function IpcListeners() {
+    return (
+        <div>
+            
+        </div>
+    )
+}

src/ipc/ipc-init.js

@@ -0,0 +1,12 @@
+import ipcTypes from "../ipc.types";
+import { store } from "../redux/store";
+import { signOutStart } from "../redux/user/user.actions";
+const { ipcRenderer } = window.require("electron");
+
+console.log("----Initializing IPC Listeners in React App.");
+
+ipcRenderer.on(ipcTypes.default.filewatcher.startSuccess, (event, obj) => {
+  console.log(ipcTypes.default.filewatcher.startSuccess, obj);
+
+  store.dispatch(signOutStart());
+});

src/redux/store.js

@@ -31,3 +31,4 @@ sagaMiddleWare.run(rootSaga);
 export const persistor = persistStore(store);
 
 export default { store, persistStore };
+