brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bottom navigator icons in light mode

Browse source
This commit is contained in:
Carter 2025-04-23 13:00:59 -06:00
parent 11b523e8e5
commit f972708c47
1 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/navigation/BottomNavigator.tsx
View file

@ -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"
/>
)}