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 = () => { const authenticatedNavigation = () => {
return ( return (
<BottomNavigation value={route} onChange={(_, newValue) => handleRouteChange(newValue)}> <BottomNavigation value={route} onChange={(_, newValue) => handleRouteChange(newValue)}>
{isAdaptive && ( {isAdaptive && (
<BottomNavigationAction label="Farm" icon={<FieldsIcon type="light" />} value="fields" /> <BottomNavigationAction label="Farm" icon={<FieldsIcon type={getType()} />} value="fields" />
)} )}
{isAdaptive && ( {isAdaptive && (
<BottomNavigationAction label="Bins" icon={<BinsIcon type="light" />} value="bins" /> <BottomNavigationAction label="Bins" icon={<BinsIcon type={getType()} />} value="bins" />
)} )}
{isAdCon && ( {isAdCon && (
<BottomNavigationAction <BottomNavigationAction
label="Site Map" label="Site Map"
icon={<FieldsIcon type="light" />} icon={<FieldsIcon type={getType()} />}
value="constructionsiteMap" value="constructionsiteMap"
/> />
)} )}
{isOmni && ( {isOmni && (
<BottomNavigationAction <BottomNavigationAction
label="Map" label="Map"
icon={<AirportMapIcon type="light" />} icon={<AirportMapIcon type={getType()} />}
value="aviationMap" value="aviationMap"
/> />
)} )}
{isOmni && ( {isOmni && (
<BottomNavigationAction <BottomNavigationAction
label="Terminals" label="Terminals"
icon={<PlaneIcon type="light" />} icon={<PlaneIcon type={getType()} />}
value="terminals" value="terminals"
/> />
)} )}
@ -132,11 +136,11 @@ export default function BottomNavigator(props: Props) {
label="Devices" label="Devices"
icon={ icon={
isAdaptive ? ( isAdaptive ? (
<BindaptIcon type="light" /> <BindaptIcon type={getType()} />
) : isAdCon ? ( ) : isAdCon ? (
<NexusSTIcon type="light" /> <NexusSTIcon type={getType()} />
) : isOmni ? ( ) : isOmni ? (
<OmniAirDeviceIcon type="light" /> <OmniAirDeviceIcon type={getType()} />
) : ( ) : (
<DevicesIcon /> <DevicesIcon />
) )
@ -146,7 +150,7 @@ export default function BottomNavigator(props: Props) {
{isAdCon && ( {isAdCon && (
<BottomNavigationAction <BottomNavigationAction
label="Sites" label="Sites"
icon={<JobsiteIcon type="light" />} icon={<JobsiteIcon type={getType()} />}
value="jobsites" value="jobsites"
/> />
)} )}