fix(striker-ui): pass button props in button with menu

striker-ui/components/ButtonWithMenu.tsx

@@ -9,6 +9,8 @@ import Menu from './Menu';
 const ButtonWithMenu: FC<ButtonWithMenuProps> = (props) => {
   const {
     children,
+    containedButtonProps,
+    iconButtonProps,
     muiMenuProps,
     onButtonClick,
     onItemClick,
@@ -38,16 +40,24 @@ const ButtonWithMenu: FC<ButtonWithMenuProps> = (props) => {
   const buttonElement = useMemo(() => {
     if (variant === 'contained') {
       return (
-        <ContainedButton onClick={buttonClickHandler}>
+        <ContainedButton onClick={buttonClickHandler} {...containedButtonProps}>
           {buttonContent}
         </ContainedButton>
       );
     }
 
     return (
-      <IconButton onClick={buttonClickHandler}>{buttonContent}</IconButton>
+      <IconButton onClick={buttonClickHandler} {...iconButtonProps}>
+        {buttonContent}
+      </IconButton>
     );
-  }, [buttonClickHandler, buttonContent, variant]);
+  }, [
+    buttonClickHandler,
+    buttonContent,
+    containedButtonProps,
+    iconButtonProps,
+    variant,
+  ]);
 
   const itemClickHandler = useCallback<
     Exclude<MenuProps['onItemClick'], undefined>

striker-ui/components/ServerMenu.tsx

@@ -9,7 +9,18 @@ import { BodyText } from './Text';
 import useConfirmDialog from '../hooks/useConfirmDialog';
 
 const ServerMenu: FC<ServerMenuProps> = (props) => {
-  const { serverName, serverState, serverUuid } = props;
+  const {
+    // Props to ignore, for now:
+    getItemDisabled,
+    items,
+    onItemClick,
+    renderItem,
+    // ----------
+    serverName,
+    serverState,
+    serverUuid,
+    ...buttonWithMenuProps
+  } = props;
 
   const {
     confirmDialog,
@@ -119,6 +130,7 @@ const ServerMenu: FC<ServerMenuProps> = (props) => {
             </BodyText>
           );
         }}
+        {...buttonWithMenuProps}
       />
       {confirmDialog}
     </Box>

striker-ui/pages/index.tsx

@@ -81,6 +81,7 @@ const createServerPreviewContainer = (servers: ServerListItem[]) => (
                 {anvilName}
               </Link>,
               <ServerMenu
+                iconButtonProps={{ size: 'small' }}
                 key={`server_${serverUUID}_power_options`}
                 serverName={serverName}
                 serverState={serverState}

striker-ui/types/ButtonWithMenu.d.ts

@@ -1,4 +1,6 @@
 type ButtonWithMenuOptionalProps<T = unknown> = Omit<MenuProps<T>, 'open'> & {
+  containedButtonProps?: Partial<ContainedButtonProps>;
+  iconButtonProps?: Partial<import('../components/IconButton').IconButtonProps>;
   onButtonClick?: import('react').MouseEventHandler<HTMLButtonElement>;
   variant?: 'contained' | 'icon';
 };