Hides expand/collapse button when mobileToolbar is undefined

shapehq · Oct 27, 2023 · b437401 · b437401
1 parent 08398dd
commit b437401
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/features/sidebar/view/base/responsive/SecondaryHeader.tsx b/src/features/sidebar/view/base/responsive/SecondaryHeader.tsx
@@ -27,15 +27,15 @@ export default function ResponsiveSecondaryHeader({
       showOpenDrawer={showOpenDrawer}
       onOpenDrawer={onOpenDrawer}
       trailingItem={
-        <Stack direction="row" alignItems="center" spacing={1}>
+        <Stack direction="row" alignItems="center">
           {trailingItem}
-          <Box sx={{ display: { sm: mobileToolbar ? "block" : "none", md: "none" } }}>
+          {mobileToolbar &&
             <IconButton edge="end" onClick={() => onToggleMobileToolbar(!showMobileToolbar) }>
               <ExpandCircleDownIcon sx={{
                 transform: showMobileToolbar ? "rotate(180deg)" : "none" }}
               />
             </IconButton>
-          </Box>
+          }
         </Stack>
       }
     >