feat: enhance shortcut helper with new shortcuts and icons for better navigation

This commit is contained in:
Vishnu 2025-05-21 17:59:55 +05:30
parent 33499c66af
commit 369fad07e2
1 changed files with 20 additions and 2 deletions

View File

@ -30,7 +30,7 @@ import {
DuplicateInstanceIcon, DuplicateInstanceIcon,
PlayIcon, PlayIcon,
} from "../icons/ShortcutIcons"; } from "../icons/ShortcutIcons";
import { CloseIcon } from "../icons/ExportCommonIcons"; import { CloseIcon, EyeCloseIcon } from "../icons/ExportCommonIcons";
interface ShortcutItem { interface ShortcutItem {
keys: string[]; keys: string[];
@ -52,6 +52,7 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
setShowShortcuts, setShowShortcuts,
}) => { }) => {
const shortcuts: ShortcutGroup[] = [ const shortcuts: ShortcutGroup[] = [
// Essential
{ {
category: "Essential", category: "Essential",
items: [ items: [
@ -86,13 +87,20 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
icon: <FindIcon />, icon: <FindIcon />,
}, },
{ {
keys: ["CTRL", "+", "?"], keys: ["CTRL", "+", "SHIFT", "+", "?"],
name: "Info", name: "Info",
description: "Show Shortcut Info", description: "Show Shortcut Info",
icon: <InfoIcon />, icon: <InfoIcon />,
}, },
{
keys: ["L"],
name: "Log",
description: "Show Log list",
icon: <InfoIcon />,
},
], ],
}, },
// Tools
{ {
category: "Tools", category: "Tools",
items: [ items: [
@ -158,6 +166,7 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
}, },
], ],
}, },
// View & Navigation
{ {
category: "View & Navigation", category: "View & Navigation",
items: [ items: [
@ -193,6 +202,7 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
}, },
], ],
}, },
// Module Switching
{ {
category: "Module Switching", category: "Module Switching",
items: [ items: [
@ -222,6 +232,7 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
}, },
], ],
}, },
// Selection
{ {
category: "Selection", category: "Selection",
items: [ items: [
@ -251,6 +262,7 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
}, },
], ],
}, },
// Simulation
{ {
category: "Simulation", category: "Simulation",
items: [ items: [
@ -260,6 +272,12 @@ const ShortcutHelper: React.FC<ShortcutHelperProps> = ({
description: "Play Simulation", description: "Play Simulation",
icon: <PlayIcon />, icon: <PlayIcon />,
}, },
{
keys: ["H"],
name: "Hide Player",
description: "Hide Simulation Player",
icon: <EyeCloseIcon />,
},
], ],
}, },
]; ];