Initial database structure and migrations, login flow, refactor main page.

src/components/test.jsx

@@ -0,0 +1,55 @@
+import { Button, Layout } from "antd";
+import React, { useEffect } from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import ipcTypes from "../ipc.types";
+
+const { ipcRenderer } = window.require("electron");
+//const settings = window.require("electron-settings");
+
+const mapStateToProps = createStructuredSelector({});
+const mapDispatchToProps = (dispatch) => ({});
+
+export function App() {
+  useEffect(() => {
+    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(
+        "test-success",
+        ipcTypes.default.filewatcher.startSuccess
+      );
+    };
+  }, []);
+
+  return (
+    <Layout>
+      <Layout.Header>
+        <div> Header</div>
+      </Layout.Header>
+      <Layout.Content>
+        <div>Welcome to your new react app. asdas sd</div>
+        <Button
+          onClick={() => {
+            ipcRenderer.send("test", { test: true });
+          }}
+        >
+          TEST Generic IPC
+        </Button>
+        <Button
+          onClick={() => {
+            ipcRenderer.send(ipcTypes.default.filewatcher.start);
+          }}
+        >
+          Start Watcher
+        </Button>
+      </Layout.Content>
+    </Layout>
+  );
+}
+export default connect(mapStateToProps, mapDispatchToProps)(App);