diff --git a/pages/[id].tsx b/pages/[id].tsx index f62f706..84ba2d2 100644 --- a/pages/[id].tsx +++ b/pages/[id].tsx @@ -24,6 +24,21 @@ const Viewer = ({ code }: { code: string }) => { codeRef.current.innerHTML = html.value; }, [html, codeRef]) + useEffect(() => { + const listener = (event : KeyboardEvent) => { + if (event.code === "KeyN" && event.shiftKey === true) { + event.preventDefault() + router.push('/') + } + } + + document.addEventListener('keydown', listener) + + return () => { + document.removeEventListener('keydown', listener) + } + }, [router]) + return (
diff --git a/pages/index.tsx b/pages/index.tsx index 7391e41..35ad79d 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -32,6 +32,10 @@ const Home: NextPage = () => { event.preventDefault() save() } + if (event.code === "KeyN" && event.shiftKey === true) { + event.preventDefault() + router.push('/') + } } document.addEventListener('keydown', listener) @@ -39,7 +43,7 @@ const Home: NextPage = () => { return () => { document.removeEventListener('keydown', listener) } - }, [save]) + }, [save, router]) return (
@@ -75,7 +79,7 @@ const Home: NextPage = () => { autoFocus wrap="off" ref={codeRef} - placeholder={"Type Someting Here...\nCtrl + S to Save Document\nCtrl + N for New Document\n:)"} + placeholder={"Type Someting Here...\nCtrl + S to Save Document\nShift + N for New Document\n:)"} className={styles["code-editor"]}>