80034542ec
- Improved EditorFileWatcher to debounce content change events, optimizing git status cache invalidation for rapid file saves. - Updated ProjectScanner to derive project and display names from actual paths, enhancing reliability in project identification. - Enhanced IPC methods for creating tasks and sending messages directly from the editor context menu, streamlining team collaboration. - Refactored task relationship handling to ensure accurate linking of tasks based on user actions. - Introduced animations for new chat messages and comments, improving user experience in chat history and task comments sections.
65 lines
2.2 KiB
TypeScript
65 lines
2.2 KiB
TypeScript
import React from 'react';
|
|
|
|
import { IS_MAC } from '@renderer/utils/platformKeys';
|
|
import { X } from 'lucide-react';
|
|
|
|
interface KeyboardShortcutsHelpProps {
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
}
|
|
|
|
const mod = IS_MAC ? '\u2318' : 'Ctrl';
|
|
const alt = IS_MAC ? '\u2325' : 'Alt';
|
|
const shift = IS_MAC ? '\u21E7' : 'Shift';
|
|
|
|
const shortcuts = [
|
|
{ keys: [`${alt}+J`], action: 'Next change' },
|
|
{ keys: [`${alt}+K`], action: 'Previous change' },
|
|
{ keys: [`${alt}+\u2193`], action: 'Next file' },
|
|
{ keys: [`${alt}+\u2191`], action: 'Previous file' },
|
|
{ keys: [`${mod}+Y`], action: 'Accept change' },
|
|
{ keys: [`${mod}+N`], action: 'Reject change' },
|
|
{ keys: [`${mod}+S`], action: 'Save file' },
|
|
{ keys: [`${mod}+Z`], action: 'Undo' },
|
|
{ keys: [`${mod}+${shift}+Z`], action: 'Redo' },
|
|
{ keys: ['?'], action: 'Toggle shortcuts' },
|
|
{ keys: ['Esc'], action: 'Close dialog' },
|
|
];
|
|
|
|
export const KeyboardShortcutsHelp = ({
|
|
open,
|
|
onOpenChange,
|
|
}: KeyboardShortcutsHelpProps): React.ReactElement | null => {
|
|
if (!open) return null;
|
|
|
|
return (
|
|
<div className="absolute right-4 top-14 z-50 w-64 rounded-lg border border-border bg-surface-overlay p-3 shadow-lg">
|
|
<div className="mb-2 flex items-center justify-between">
|
|
<span className="text-xs font-medium text-text">Keyboard Shortcuts</span>
|
|
<button
|
|
onClick={() => onOpenChange(false)}
|
|
className="rounded p-0.5 text-text-muted hover:bg-surface-raised hover:text-text"
|
|
>
|
|
<X className="size-3" />
|
|
</button>
|
|
</div>
|
|
<div className="space-y-1">
|
|
{shortcuts.map(({ keys, action }) => (
|
|
<div key={action} className="flex items-center justify-between text-xs">
|
|
<span className="text-text-secondary">{action}</span>
|
|
<div className="flex gap-1">
|
|
{keys.map((key) => (
|
|
<kbd
|
|
key={key}
|
|
className="rounded border border-border bg-surface-raised px-1.5 py-0.5 font-mono text-[10px] text-text-muted"
|
|
>
|
|
{key}
|
|
</kbd>
|
|
))}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|