5b0c7d13fc
- Backend: ProjectFileService with file CRUD, search, git status, file watcher - IPC: 12 editor channels with security validation and path containment - Store: editorSlice with multi-tab management, draft persistence, conflict detection - UI: CodeMirror 6 editor, file tree with DnD, search-in-files, context menus - Move: fs.rename with EXDEV fallback, full path remapping across all caches - Tests: comprehensive coverage for services, IPC handlers, store, and utilities
35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
/**
|
|
* Empty state shown when no file is open in the editor.
|
|
* Shows keyboard shortcuts cheatsheet.
|
|
*/
|
|
|
|
import { shortcutLabel } from '@renderer/utils/platformKeys';
|
|
import { FileCode } from 'lucide-react';
|
|
|
|
const SHORTCUTS = [
|
|
{ keys: shortcutLabel('⌘ P', 'Ctrl+P'), label: 'Quick Open' },
|
|
{ keys: shortcutLabel('⌘ ⇧ F', 'Ctrl+Shift+F'), label: 'Search in Files' },
|
|
{ keys: shortcutLabel('⌘ S', 'Ctrl+S'), label: 'Save' },
|
|
{ keys: shortcutLabel('⌘ B', 'Ctrl+B'), label: 'Toggle Sidebar' },
|
|
{ keys: shortcutLabel('⌘ G', 'Ctrl+G'), label: 'Go to Line' },
|
|
{ keys: 'Esc', label: 'Close Editor' },
|
|
];
|
|
|
|
export const EditorEmptyState = (): React.ReactElement => {
|
|
return (
|
|
<div className="flex h-full flex-col items-center justify-center gap-4 text-text-muted">
|
|
<FileCode className="size-12 opacity-30" />
|
|
<p className="text-sm">Select a file from the tree to edit</p>
|
|
<div className="mt-2 grid grid-cols-2 gap-x-6 gap-y-1.5">
|
|
{SHORTCUTS.map((s) => (
|
|
<div key={s.keys} className="flex items-center justify-between gap-4 text-xs">
|
|
<span className="text-text-muted">{s.label}</span>
|
|
<kbd className="rounded border border-border bg-surface-raised px-1.5 py-0.5 font-mono text-[10px] text-text-secondary">
|
|
{s.keys}
|
|
</kbd>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|