WIP for Reporting. Pulled out calculations to utility functions.

src/components/pages/reporting/reporting.page.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import ReportingDatesMolecule from "../../molecules/reporting-dates/reporting-dates.molecule";
+
+export default function ReportingPage() {
+  return (
+    <div>
+      <ReportingDatesMolecule />
+    </div>
+  );
+}

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

@@ -3,11 +3,13 @@ import React from "react";
 import { connect } from "react-redux";
 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";
 import { selectBodyshop } from "../../../redux/user/user.selectors";
 import ErrorResultAtom from "../../atoms/error-result/error-result.atom";
+import SiderMenuOrganism from "../../organisms/sider-menu/sider-menu.organism";
+import Jobs from "../jobs/jobs.page";
+import ReportingPage from "../reporting/reporting.page";
+import SettingsPage from "../settings/settings.page";
+
 const mapStateToProps = createStructuredSelector({ bodyshop: selectBodyshop });
 const mapDispatchToProps = (dispatch) => ({});
 
@@ -32,6 +34,7 @@ export function RoutesPage({ bodyshop }) {
         <Layout.Content style={{ margin: "1rem", height: "100%" }}>
           <Switch>
             <Route exact path="/settings" component={SettingsPage} />
+            <Route exact path="/reporting" component={ReportingPage} />
             <Route path="/" component={Jobs} />
           </Switch>
         </Layout.Content>

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

@@ -28,11 +28,3 @@ export default function SettingsPage() {
     </div>
   );
 }
-
-// <Button
-// onClick={() => {
-//   ipcRenderer.send(ipcTypes.default.filewatcher.start);
-// }}
-// >
-// Start Watcher
-// </Button>