Destructure props for Mobile header

orcasound · Mar 13, 2024 · df760f6 · df760f6
1 parent 6973e10
commit df760f6
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/ui/src/components/Header.tsx b/ui/src/components/Header.tsx
@@ -49,8 +49,13 @@ export default function Header({
  );
 }
 
-function Mobile(props: { window?: () => Window; onBrandClick?: () => void }) {
- const { window } = props;
+function Mobile({
+ window,
+ onBrandClick,
+}: {
+ window?: () => Window;
+ onBrandClick?: () => void;
+}) {
  const drawerWidth = "100%";
  const [menuIsOpen, setMenuOpen] = useState(false);
 
@@ -100,7 +105,7 @@ function Mobile(props: { window?: () => Window; onBrandClick?: () => void }) {
  >
  {menuIsOpen ? <Close /> : <Menu />}
  </IconButton>
- <Brand onClick={props.onBrandClick} />
+ <Brand onClick={onBrandClick} />
  </Box>
  <nav>
  <Drawer