start

src/components/ShortcutHelp.tsx

@@ -0,0 +1,26 @@
+import { shortcuts } from "../config/shortcuts"
+
+export function ShortcutHelp() {
+  return (
+    <box border title="Shortcuts" style={{ padding: 1 }}>
+      <box style={{ flexDirection: "column" }}>
+        <box style={{ flexDirection: "row" }}>
+          <text>{shortcuts[0]?.keys ?? ""} </text>
+          <text>{shortcuts[0]?.action ?? ""}</text>
+        </box>
+        <box style={{ flexDirection: "row" }}>
+          <text>{shortcuts[1]?.keys ?? ""} </text>
+          <text>{shortcuts[1]?.action ?? ""}</text>
+        </box>
+        <box style={{ flexDirection: "row" }}>
+          <text>{shortcuts[2]?.keys ?? ""} </text>
+          <text>{shortcuts[2]?.action ?? ""}</text>
+        </box>
+        <box style={{ flexDirection: "row" }}>
+          <text>{shortcuts[3]?.keys ?? ""} </text>
+          <text>{shortcuts[3]?.action ?? ""}</text>
+        </box>
+      </box>
+    </box>
+  )
+}