From 818aedf04fb53f04a1506d036cb25da5a82688b4 Mon Sep 17 00:00:00 2001 From: Allan Carr Date: Fri, 6 Mar 2026 12:43:12 -0800 Subject: [PATCH] IO-3604 Tech Job Drawer Signed-off-by: Allan Carr --- .../tech-lookup-jobs-drawer.component.jsx | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx index 9610728a3..7a6ba1cc6 100644 --- a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx +++ b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx @@ -25,10 +25,7 @@ const mapDispatchToProps = (dispatch) => ({ }); export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) { - const breakpoints = Grid.useBreakpoint(); - const selectedBreakpoint = Object.entries(breakpoints) - .filter(([, isOn]) => !!isOn) - .slice(-1)[0]; + const screens = Grid.useBreakpoint(); const bpoints = { xs: "100%", @@ -36,10 +33,16 @@ export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) { md: "100%", lg: "100%", xl: "90%", - xxl: "85%" + xxl: "90%" }; - const drawerPercentage = selectedBreakpoint ? bpoints[selectedBreakpoint[0]] : "100%"; + let drawerPercentage = "100%"; + if (screens.xxl) drawerPercentage = bpoints.xxl; + else if (screens.xl) drawerPercentage = bpoints.xl; + else if (screens.lg) drawerPercentage = bpoints.lg; + else if (screens.md) drawerPercentage = bpoints.md; + else if (screens.sm) drawerPercentage = bpoints.sm; + else if (screens.xs) drawerPercentage = bpoints.xs; const location = useLocation(); const history = useNavigate();