divyam/fastbin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update keyboard shortcuts

Browse source
This commit is contained in:
Divyam 2023-10-03 13:54:37 +05:30
parent 0dcd361e12
commit 8d89ceb1c8
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
pages/[id].tsx
View file

@ -24,6 +24,21 @@ const Viewer = ({ code }: { code: string }) => {
codeRef.current.innerHTML = html.value; codeRef.current.innerHTML = html.value;
}, [html, codeRef]) }, [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 ( return (
<div className={styles.container}> <div className={styles.container}>
<Head> <Head>

8
pages/index.tsx
View file

@ -32,6 +32,10 @@ const Home: NextPage = () => {
event.preventDefault() event.preventDefault()
save() save()
} }
if (event.code === "KeyN" && event.shiftKey === true) {
event.preventDefault()
router.push('/')
}
} }
document.addEventListener('keydown', listener) document.addEventListener('keydown', listener)
@ -39,7 +43,7 @@ const Home: NextPage = () => {
return () => { return () => {
document.removeEventListener('keydown', listener) document.removeEventListener('keydown', listener)
} }
}, [save]) }, [save, router])
return ( return (
<div className={styles.container}> <div className={styles.container}>
@ -75,7 +79,7 @@ const Home: NextPage = () => {
autoFocus autoFocus
wrap="off" wrap="off"
ref={codeRef} 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"]}> className={styles["code-editor"]}>
</textarea> </textarea>
</div> </div>