template sort of complete for now, using it for goInventorize

app/log/goInventorize.log

@@ -70,3 +70,15 @@
 {"level":"info","time":"2021-11-13T22:11:01-05:00","message":"Configuration loaded successfully..."}
 {"level":"debug","time":"2021-11-13T22:11:01-05:00","message":"{Timezone:America/New_York Server:{Port:3500 LocationPhotoDir:./app/photos/locations/} Logger:{Level:debug LoggingFile:./app/log/goInventorize.log} Authentication:{BasicAuth:true UserName:admin Password:password} Development:false}"}
 {"level":"info","time":"2021-11-13T22:11:01-05:00","message":"Database and Config loaded, starting webserver..."}
+{"level":"info","time":"2021-11-14T14:26:43-05:00","message":"Configuration loaded successfully..."}
+{"level":"debug","time":"2021-11-14T14:26:43-05:00","message":"{Timezone:America/New_York Server:{Port:3500 LocationPhotoDir:./app/photos/locations/} Logger:{Level:debug LoggingFile:./app/log/goInventorize.log} Authentication:{BasicAuth:true UserName:admin Password:password} Development:false}"}
+{"level":"info","time":"2021-11-14T14:26:43-05:00","message":"Database and Config loaded, starting webserver..."}
+{"level":"info","time":"2021-11-14T14:26:46-05:00","message":"Configuration loaded successfully..."}
+{"level":"debug","time":"2021-11-14T14:26:46-05:00","message":"{Timezone:America/New_York Server:{Port:3500 LocationPhotoDir:./app/photos/locations/} Logger:{Level:debug LoggingFile:./app/log/goInventorize.log} Authentication:{BasicAuth:true UserName:admin Password:password} Development:false}"}
+{"level":"info","time":"2021-11-14T14:26:46-05:00","message":"Database and Config loaded, starting webserver..."}
+{"level":"info","time":"2021-11-14T18:43:36-05:00","message":"Configuration loaded successfully..."}
+{"level":"debug","time":"2021-11-14T18:43:36-05:00","message":"{Timezone:America/New_York Server:{Port:3500 LocationPhotoDir:./app/photos/locations/} Logger:{Level:debug LoggingFile:./app/log/goInventorize.log} Authentication:{BasicAuth:true UserName:admin Password:password} Development:false}"}
+{"level":"info","time":"2021-11-14T18:43:36-05:00","message":"Database and Config loaded, starting webserver..."}
+{"level":"info","time":"2021-11-14T18:43:38-05:00","message":"Configuration loaded successfully..."}
+{"level":"debug","time":"2021-11-14T18:43:38-05:00","message":"{Timezone:America/New_York Server:{Port:3500 LocationPhotoDir:./app/photos/locations/} Logger:{Level:debug LoggingFile:./app/log/goInventorize.log} Authentication:{BasicAuth:true UserName:admin Password:password} Development:false}"}
+{"level":"info","time":"2021-11-14T18:43:38-05:00","message":"Database and Config loaded, starting webserver..."}

frontend/src/App.js

@@ -1,7 +1,9 @@
 import React, {useState, useEffect, useContext, createContext} from 'react';
 import base64 from 'base-64';
-import Home from './components/pages/Home';
+import HomePage from './components/pages/HomePage';
+import Locations from './components/pages/Locations'
 import { Modal, Button, Text, Group, TextInput, Loader, AppShell } from '@mantine/core';
+import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'
 import { useDebouncedValue, useLocalStorageValue } from '@mantine/hooks';
 
 
@@ -83,14 +85,19 @@ function App() {
 
   return (
     <APIContext.Provider value={{...serverConfig}}>
+      <Router>
         <AppShell
             navbarOffsetBreakpoint="sm" // navbarOffsetBreakpoint controls when navbar should no longer be offset with padding-left
             fixed       // fixed prop on AppShell will be automatically added to Header and Navbar
             navbar={<SideBar opened={shellOpened}/>}
             header={<AppHeader opened={shellOpened} setOpened={setShellOpened}/>}
           >
-          <Text>Resize app to see responsive navbar in action</Text>
+            <Routes>
+              <Route path="/" element={<HomePage />} />
+              <Route path="/locations" element={<Locations />} />
+            </Routes>
         </AppShell>
+      </Router>
      <Modal
         opened={portModalOpen}
         onClose={() => setPortModalOpen(false)}

frontend/src/components/SideBar.js

@@ -1,12 +1,29 @@
 import React, {useState } from 'react';
-import { Navbar, Text, Group, ThemeIcon, Button } from '@mantine/core';
+import { Navbar, Text, Group, ThemeIcon, Button, UnstyledButton } from '@mantine/core';
+import { createStyles } from '@mantine/styles';
 import { BsMap } from 'react-icons/bs'
-import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom'
+import { Link, useNavigate} from 'react-router-dom'
+import { classNames } from '@plasmicapp/react-web';
 
 
+const useStyles = createStyles((theme) => ({
+    button: {
+      display: 'block',
+      width: '100%',
+      padding: theme.spacing.xs,
+      borderRadius: theme.radius.sm,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,
+      backgroundColor: 'transparent',
+  
+      '&:hover': {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],
+      },
+    },
+  }));
 
 function SideBar(props) {
-
+    const { classes } = useStyles();
+    const navigate = useNavigate();
 
     return (
         <Navbar
@@ -17,14 +34,13 @@ function SideBar(props) {
             hidden={!props.opened}
             width={{ base: 200, breakpoints: { sm: '100%', lg: 300 } }}
         >
-            <Router>
+            <UnstyledButton className={classes.button} onClick={() => navigate("/locations")} >
-                <Routes>
+                <Group>
-                    <Route path="/" element={<Home />} />
+                    <BsMap />
-                </Routes>
-            <Button component={Link} to="/locations" leftIcon={<ThemeIcon><BsMap /></ThemeIcon>}>
                     <Text>Locations</Text>
-            </Button>
+                </Group>
-            </Router>
+
+            </UnstyledButton>
            
         </Navbar>
     )

frontend/src/components/pages/HomePage.js

@@ -1,10 +1,11 @@
 import React, {useState, useEffect, useContext, createContext} from 'react';
 import APIContext from '../../App';
+import { Text } from '@mantine/core'
+import { Home } from '@material-ui/icons';
 
 
 
-
+function HomePage() {
-function App() {
     const [opened, setOpened] = useState(false);
 
     const serverConfig = useContext(APIContext);
@@ -12,9 +13,10 @@ function App() {
 
     return (
         <>
+        <Text>This is the homepage!</Text>
         </>
 
     );
 }
 
-export default App;
+export default HomePage;