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

Merge branch 'sidebar_changes' into dev_environment

Browse source
This commit is contained in:
Carter 2026-06-09 10:06:47 -06:00
commit 51f86188a3
1 changed files with 49 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/navigation/SideNavigator.tsx
View file

@ -1,6 +1,7 @@
import { ChevronRight, Code, Grain, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material"; import { ChevronRight, Code, Grain, HelpOutline, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material";
import ChevronLeft from "@mui/icons-material/ChevronLeft"; import ChevronLeft from "@mui/icons-material/ChevronLeft";
import { import {
Box,
darken, darken,
Divider, Divider,
Grid2 as Grid, Grid2 as Grid,
@ -31,6 +32,7 @@ import PlaneIcon from "products/AviationIcons/PlaneIcon";
import AirportMapIcon from "products/AviationIcons/AirportMapIcon"; import AirportMapIcon from "products/AviationIcons/AirportMapIcon";
import JobsiteIcon from "products/Construction/JobSiteIcon"; import JobsiteIcon from "products/Construction/JobSiteIcon";
import { getThemeType } from "theme"; import { getThemeType } from "theme";
import { openCrispChat } from "chat/CrispChat";
import ObjectHeaterIcon from "products/Construction/ObjectHeaterIcon"; import ObjectHeaterIcon from "products/Construction/ObjectHeaterIcon";
import TasksIcon from "products/Construction/TasksIcon"; import TasksIcon from "products/Construction/TasksIcon";
import CableIcon from "products/Bindapt/CableIcon"; import CableIcon from "products/Bindapt/CableIcon";
@ -95,6 +97,7 @@ const useStyles = makeStyles((theme: Theme) => ({
listItem: { listItem: {
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2), paddingRight: theme.spacing(2),
maxHeight: 40,
[theme.breakpoints.up("md")]: { [theme.breakpoints.up("md")]: {
paddingLeft: theme.spacing(3), paddingLeft: theme.spacing(3),
paddingRight: theme.spacing(3) paddingRight: theme.spacing(3)
@ -529,7 +532,8 @@ export default function SideNavigator(props: Props) {
onClose={onClose} onClose={onClose}
sx={{ pointerEvents: isMobile&&!open ? "none" : "auto"}} sx={{ pointerEvents: isMobile&&!open ? "none" : "auto"}}
> >
<Toolbar> <Box sx={{ display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }}>
<Toolbar disableGutters sx={{ px: 1 }}>
<Grid container direction="row" justifyContent={"flex-end"}> <Grid container direction="row" justifyContent={"flex-end"}>
<Grid> <Grid>
<IconButton <IconButton
@ -544,8 +548,21 @@ export default function SideNavigator(props: Props) {
</Grid> </Grid>
</Toolbar> </Toolbar>
<Divider /> <Divider />
{/* {isAuthenticated || isOffline() ? authenticatedSideMenu() : unauthenticatedSideMenu()} */} <Box sx={{ flex: 1, overflowY: "auto", scrollbarWidth: "none", "&::-webkit-scrollbar": { display: "none" } }}>
{isAuthenticated && authenticatedSideMenu()} {isAuthenticated && authenticatedSideMenu()}
</Box>
<Divider sx={{ my: 1 }} />
<List className={classes.list} component="nav">
<Tooltip title="Help" placement="right">
<ListItemButton classes={{ root: classes.listItem }} onClick={() => openCrispChat()}>
<ListItemIcon>
<HelpOutline style={{ color: getThemeType() === "light" ? "black" : undefined }} />
</ListItemIcon>
{open && <ListItemText primary="Help" />}
</ListItemButton>
</Tooltip>
</List>
</Box>
</SwipeableDrawer> </SwipeableDrawer>
); );
} }