From f972708c477e4451885a0779acf92e875cf55d6a Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Wed, 23 Apr 2025 13:00:59 -0600
Subject: [PATCH] bottom navigator icons in light mode

---
 src/navigation/BottomNavigator.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/navigation/BottomNavigator.tsx b/src/navigation/BottomNavigator.tsx
index d7bf295..543aa61 100644
--- a/src/navigation/BottomNavigator.tsx
+++ b/src/navigation/BottomNavigator.tsx
@@ -97,33 +97,37 @@ export default function BottomNavigator(props: Props) {
     }
   };
 
+  const getType = () => {
+    return theme.palette.mode === "light" ? "dark" : "light"
+  }
+
   const authenticatedNavigation = () => {
     return (
       <BottomNavigation value={route} onChange={(_, newValue) => handleRouteChange(newValue)}>
         {isAdaptive && (
-          <BottomNavigationAction label="Farm" icon={<FieldsIcon type="light" />} value="fields" />
+          <BottomNavigationAction label="Farm" icon={<FieldsIcon type={getType()} />} value="fields" />
         )}
         {isAdaptive && (
-          <BottomNavigationAction label="Bins" icon={<BinsIcon type="light" />} value="bins" />
+          <BottomNavigationAction label="Bins" icon={<BinsIcon type={getType()} />} value="bins" />
         )}
         {isAdCon && (
           <BottomNavigationAction
             label="Site Map"
-            icon={<FieldsIcon type="light" />}
+            icon={<FieldsIcon type={getType()} />}
             value="constructionsiteMap"
           />
         )}
         {isOmni && (
           <BottomNavigationAction
             label="Map"
-            icon={<AirportMapIcon type="light" />}
+            icon={<AirportMapIcon type={getType()} />}
             value="aviationMap"
           />
         )}
         {isOmni && (
           <BottomNavigationAction
             label="Terminals"
-            icon={<PlaneIcon type="light" />}
+            icon={<PlaneIcon type={getType()} />}
             value="terminals"
           />
         )}
@@ -132,11 +136,11 @@ export default function BottomNavigator(props: Props) {
           label="Devices"
           icon={
             isAdaptive ? (
-              <BindaptIcon type="light" />
+              <BindaptIcon type={getType()} />
             ) : isAdCon ? (
-              <NexusSTIcon type="light" />
+              <NexusSTIcon type={getType()} />
             ) : isOmni ? (
-              <OmniAirDeviceIcon type="light" />
+              <OmniAirDeviceIcon type={getType()} />
             ) : (
               <DevicesIcon />
             )
@@ -146,7 +150,7 @@ export default function BottomNavigator(props: Props) {
         {isAdCon && (
           <BottomNavigationAction
             label="Sites"
-            icon={<JobsiteIcon type="light" />}
+            icon={<JobsiteIcon type={getType()} />}
             value="jobsites"
           />
         )}