diff --git a/src/app/_components/EditModeSwitch/EditModeSwitch.tsx b/src/app/_components/EditModeSwitch/EditModeSwitch.tsx index 124749cfd..1e1c71402 100644 --- a/src/app/_components/EditModeSwitch/EditModeSwitch.tsx +++ b/src/app/_components/EditModeSwitch/EditModeSwitch.tsx @@ -1,6 +1,7 @@ 'use client' import styles from './EditModeSwitch.module.scss' import { EditModeContext } from '@/contexts/EditMode' +import useKeyPress from '@/hooks/useKeyPress' import { useContext, useEffect, useRef } from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faPencil } from '@fortawesome/free-solid-svg-icons' @@ -16,6 +17,12 @@ export default function EditModeSwitch() { const ref = useRef(null) + useKeyPress('ΓΈ', (event:KeyboardEvent) => { + if (event.ctrlKey) { + editingContext.setEditMode(!editingContext.editMode) + } + }) + useEffect(() => { if (ref.current?.checked) { ref.current.checked = editingContext.editMode @@ -23,6 +30,7 @@ export default function EditModeSwitch() { }) if (!editingContext.somethingToEdit) return null + return (