merged

src/navigation/Router.tsx

@@ -37,6 +37,8 @@ const BinCableEstimator = lazy(() => import("pages/BinCableEstimator"));
 const APIDocs = lazy(() => import("pages/APIDocs"));
 const Fields = lazy(()=> import("pages/Fields"));
 const Marketplace = lazy(() => import("userFeatures/UserFeatures"))
+const Logs = lazy(() => import("pages/Logs"))
+
 export const appendToUrl = (appendage: number | string) => {
   const basePath = location.pathname.replace(/\/$/, ""); 
   return(`${basePath}/${appendage}`);
@@ -304,6 +306,9 @@ export default function Router() {
           {user.hasFeature("developer") &&
             <Route path="api" element={<APIDocs />} />
           }
+          {user.hasFeature("admin") &&
+            <Route path="logs" element={<Logs />} />
+          }
           <Route path="fields" element={<Fields />} />
           <Route path="marketplace" element={<Marketplace />} />
           

src/navigation/SideNavigator.tsx

@@ -43,6 +43,7 @@ import TasksIcon from "products/Construction/TasksIcon";
 import CableIcon from "products/Bindapt/CableIcon";
 import FieldListIcon from "products/AgIcons/FieldList";
 import MarketplaceIcon from "products/CommonIcons/marketplaceIcon";
+import DataDuckIcon from "products/Bindapt/DataDuckIcon";
 
 const drawerWidth = 230;
 
@@ -367,6 +368,20 @@ export default function SideNavigator(props: Props) {
             </ListItemButton>
           </Tooltip>
         }
+        {user.hasFeature("admin") &&
+          <Tooltip title="Logs" placement="right">
+            <ListItemButton
+              id="tour-logs"
+              onClick={() => goTo("/logs")}
+              classes={getClasses("/logs")}
+              >
+              <ListItemIcon>
+                <DataDuckIcon />
+              </ListItemIcon>
+              {open && <ListItemText primary="Logs" />}
+            </ListItemButton>
+          </Tooltip>
+        }
         <Tooltip title="Marketplace" placement="right">
           <ListItemButton
             id="tour-marketplace"