Merge branch 'custom_grain' into staging_environment

src/navigation/Router.tsx

@@ -48,6 +48,7 @@ const JohnDeere = lazy(() => import("pages/JohnDeere"));
 const CNHi = lazy(() => import("pages/CNHi"));
 const LibraCart = lazy(() => import("pages/LibraCart"));
 const FieldPage = lazy(()=>import("pages/Field"));
+const GrainsPage = lazy(()=>import("pages/Grains"));
 
 export const appendToUrl = (appendage: number | string) => {
   const basePath = location.pathname.replace(/\/$/, ""); 
@@ -360,6 +361,7 @@ export default function Router() {
           {user.hasFeature("libra-cart") &&
           <Route path="libracart" element={<LibraCart />} />
           }
+          <Route path="grains" element={<GrainsPage />} />
           {/* Map routes */}
           <Route path="visualFarm" element={<FieldMap />} />
           <Route path="aviationMap" element={<AviationMap />} />

src/navigation/SideNavigator.tsx

@@ -1,4 +1,4 @@
-import { ChevronRight, Code, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material";
+import { ChevronRight, Code, Grain, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material";
 import ChevronLeft from "@mui/icons-material/ChevronLeft";
 import { 
   darken, 
@@ -374,6 +374,20 @@ export default function SideNavigator(props: Props) {
           </ListItemButton>
         </Tooltip>
         )}
+        {(isAg || isStreamline || user.hasFeature("admin")) && (
+        <Tooltip title="Grain Types" placement="right">
+          <ListItemButton
+            id="tour-grain-types"
+            onClick={() => goTo("/grains")}
+            classes={getClasses("/grains")}
+            >
+            <ListItemIcon>
+              <Grain />
+            </ListItemIcon>
+            {open && <ListItemText primary="Grain Types" />}
+          </ListItemButton>
+        </Tooltip>
+        )}
 
         {(isAdCon || user.hasFeature("admin")) && (
         <Tooltip title="Jobsites" placement="right">