WIP

rand0mC0d3r · Aug 29, 2023 · e2cba15 · e2cba15
1 parent 04e2d9e
commit e2cba15
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -45,6 +45,7 @@ function App() {
     >
       <StatusCoreGenerator />
       <MenuPanel />
+      <KeyboardShortcuts />
       {/* <Sidebars /> */}
       {/* <Samples />
       <Search />

diff --git a/src/components/MenuPanel.tsx b/src/components/MenuPanel.tsx
@@ -28,16 +28,17 @@ export default function () {
       ctrlKey: true, altKey: true },
   ]
 
-  const content = <MenuList>
+  const content = <MenuList autoFocusItem variant="menu">
     {items
       .filter((item) => ['divider', 'item'].some(t => item.type === t))
-      .map((item, index) => item.type === 'divider'
-    ? <Divider key={`${item.type}-${item.label || index}`} />
-    : <MenuItem key={`${item.type}-${item.label || index}`} onClick={() => triggers(item.label)} >
-      <ListItemIcon>{item.icon}</ListItemIcon>
-      <ListItemText style={{ width: '250px' }}>{item.label}</ListItemText>
-      {item?.id && <KeyboardHelper hasTooltip={true} shortcutId={item.id} />}
-    </MenuItem>)}
+      .map((item, index) =>
+      item.type === 'divider'
+        ? <Divider key={`${item.type}-${item.label || index}`} />
+        : <MenuItem key={`${item.type}-${item.label || index}`} onClick={() => triggers(item.label)} >
+          <ListItemIcon>{item.icon}</ListItemIcon>
+          <ListItemText style={{ width: '250px' }}>{item.label}</ListItemText>
+          {item?.id && <KeyboardHelper hasTooltip={true} shortcutId={item.id} />}
+        </MenuItem>)}
   </MenuList>
 
   const keyboards = items.filter((item) => ['command', 'item'].some(t => item.type === t))