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

fixed side menu being non-interactive when closed and not on mobile

Browse source
This commit is contained in:
Carter 2025-04-11 14:07:35 -06:00
parent 2e3458cc22
commit a452cf9444
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/navigation/BottomNavigator.tsx
View file

@ -151,13 +151,13 @@ export default function BottomNavigator(props: Props) {
value="jobsites" value="jobsites"
/> />
)} )}
{isMiVent && ( {/* {isMiVent && (
<BottomNavigationAction <BottomNavigationAction
label="Ventilation" label="Ventilation"
icon={<VentilationIcon type="light" />} icon={<VentilationIcon type="light" />}
value="ventilation" value="ventilation"
/> />
)} )} */}
{isBXT() && user.hasFeature("security") && ( {isBXT() && user.hasFeature("security") && (
<BottomNavigationAction label="Security" icon={<Security />} value="security" /> <BottomNavigationAction label="Security" icon={<Security />} value="security" />

5
src/navigation/SideNavigator.tsx
View file

@ -17,7 +17,7 @@ import {
useTheme useTheme
} from "@mui/material"; } from "@mui/material";
import classNames from "classnames"; import classNames from "classnames";
import { useWidth } from "../hooks/useWidth"; import { useMobile, useWidth } from "../hooks/useWidth";
import { makeStyles } from "@mui/styles"; import { makeStyles } from "@mui/styles";
import BindaptIcon from "../products/Bindapt/BindaptIcon"; import BindaptIcon from "../products/Bindapt/BindaptIcon";
import { useLocation, useNavigate } from "react-router-dom"; import { useLocation, useNavigate } from "react-router-dom";
@ -64,7 +64,6 @@ const useStyles = makeStyles((theme: Theme) => ({
}) })
}, },
sideMenuOnClosed: { sideMenuOnClosed: {
pointerEvents: "none",
transition: theme.transitions.create(["width", "z-index", "opacity"], { transition: theme.transitions.create(["width", "z-index", "opacity"], {
easing: theme.transitions.easing.sharp, easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen duration: theme.transitions.duration.leavingScreen
@ -119,6 +118,7 @@ export default function SideNavigator(props: Props) {
const classes = useStyles(); const classes = useStyles();
const location = useLocation(); const location = useLocation();
const [{ user }] = useGlobalState() const [{ user }] = useGlobalState()
const isMobile = useMobile();
const navigate = useNavigate(); const navigate = useNavigate();
@ -397,6 +397,7 @@ export default function SideNavigator(props: Props) {
open={open} open={open}
onOpen={onOpen} onOpen={onOpen}
onClose={onClose} onClose={onClose}
sx={{ pointerEvents: isMobile&&!open ? "none" : "auto"}}
> >
<Toolbar > <Toolbar >
<Grid container direction="row" justifyContent={"flex-end"}> <Grid container direction="row" justifyContent={"flex-end"}>