From 09ad012b1c12256c82f04c9e61ad5980dd677338 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vilde=20Viks=C3=B8y?= Date: Mon, 13 Oct 2025 21:13:03 +0200 Subject: [PATCH 1/2] hurtigtast for redigering --- .../_components/EditModeSwitch/EditModeSwitch.tsx | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/app/_components/EditModeSwitch/EditModeSwitch.tsx b/src/app/_components/EditModeSwitch/EditModeSwitch.tsx index 124749cfd..5f38663ab 100644 --- a/src/app/_components/EditModeSwitch/EditModeSwitch.tsx +++ b/src/app/_components/EditModeSwitch/EditModeSwitch.tsx @@ -5,17 +5,24 @@ import { useContext, useEffect, useRef } from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faPencil } from '@fortawesome/free-solid-svg-icons' import type { ChangeEvent } from 'react' +import useKeyPress from '@/hooks/useKeyPress' export default function EditModeSwitch() { const editingContext = useContext(EditModeContext) if (!editingContext) throw new Error('No EditModeContext found') - + const handleChange = (e: ChangeEvent) => { editingContext.setEditMode(e.target.checked) } - + 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,8 @@ export default function EditModeSwitch() { }) if (!editingContext.somethingToEdit) return null + + return (