set
This commit is contained in:
@@ -1,24 +1,26 @@
|
||||
import { shortcuts } from "@/config/shortcuts";
|
||||
import { useTheme } from "@/context/ThemeContext";
|
||||
|
||||
export function ShortcutHelp() {
|
||||
const { theme } = useTheme();
|
||||
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>
|
||||
<text fg={theme.text}>{shortcuts[0]?.keys ?? ""} </text>
|
||||
<text fg={theme.text}>{shortcuts[0]?.action ?? ""}</text>
|
||||
</box>
|
||||
<box style={{ flexDirection: "row" }}>
|
||||
<text>{shortcuts[1]?.keys ?? ""} </text>
|
||||
<text>{shortcuts[1]?.action ?? ""}</text>
|
||||
<text fg={theme.text}>{shortcuts[1]?.keys ?? ""} </text>
|
||||
<text fg={theme.text}>{shortcuts[1]?.action ?? ""}</text>
|
||||
</box>
|
||||
<box style={{ flexDirection: "row" }}>
|
||||
<text>{shortcuts[2]?.keys ?? ""} </text>
|
||||
<text>{shortcuts[2]?.action ?? ""}</text>
|
||||
<text fg={theme.text}>{shortcuts[2]?.keys ?? ""} </text>
|
||||
<text fg={theme.text}>{shortcuts[2]?.action ?? ""}</text>
|
||||
</box>
|
||||
<box style={{ flexDirection: "row" }}>
|
||||
<text>{shortcuts[3]?.keys ?? ""} </text>
|
||||
<text>{shortcuts[3]?.action ?? ""}</text>
|
||||
<text fg={theme.text}>{shortcuts[3]?.keys ?? ""} </text>
|
||||
<text fg={theme.text}>{shortcuts[3]?.action ?? ""}</text>
|
||||
</box>
|
||||
</box>
|
||||
</box>
|
||||
|
||||
Reference in New Issue
Block a user