mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
feat(renderer): Zen mode (Esc exits, hides chrome)
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
import { useEffect } from 'react';
|
||||
import { useAppStore } from '@/stores/app-store';
|
||||
|
||||
/**
|
||||
* Mounts a global keydown listener that exits zen mode when the user
|
||||
* presses Escape. Should be called once at the App root.
|
||||
*/
|
||||
export function useZenMode() {
|
||||
const zenMode = useAppStore((s) => s.zenMode);
|
||||
const setZenMode = useAppStore((s) => s.setZenMode);
|
||||
|
||||
useEffect(() => {
|
||||
if (!zenMode) return;
|
||||
const handler = (e: KeyboardEvent) => {
|
||||
if (e.key === 'Escape') {
|
||||
setZenMode(false);
|
||||
}
|
||||
};
|
||||
window.addEventListener('keydown', handler);
|
||||
return () => window.removeEventListener('keydown', handler);
|
||||
}, [zenMode, setZenMode]);
|
||||
}
|
||||
Reference in New Issue
Block a user