feat: add fullHeight prop to MainMenu (#218)

graasp · Feb 6, 2023 · f343e66 · f343e66
1 parent a7b0e5f
commit f343e66
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/MainMenu/MainMenu.tsx b/src/MainMenu/MainMenu.tsx
@@ -1,14 +1,25 @@
 import List from '@mui/material/List';
 
-import React, { FC } from 'react';
+import React from 'react';
 
 export interface MainMenuProps {
   id?: string;
   children?: React.ReactElement | React.ReactElement[];
+  /** whether container is full height
+   * this allows possible footer elements */
+  fullHeight?: boolean;
 }
 
-export const MainMenu: FC<MainMenuProps> = ({ id, children }) => {
-  return <List id={id}>{children}</List>;
+export const MainMenu = ({
+  id,
+  children,
+  fullHeight,
+}: MainMenuProps): JSX.Element => {
+  return (
+    <List id={id} sx={{ height: fullHeight ? '100%' : undefined }}>
+      {children}
+    </List>
+  );
 };
 
 export default MainMenu;