From a5eeeca1383a0fdf50d0c76730e1ace8f03f3759 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Sun, 20 Jun 2021 14:03:22 +0200
Subject: keybind selection and deletion :tada:

---
 pages/editor.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'pages')

diff --git a/pages/editor.tsx b/pages/editor.tsx
index 73bcd93..c34d3bd 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -631,6 +631,10 @@ function DefaultSettings() {
 	var setPlaying = usePlaying((st: any) => st.setPlaying);
 	var setWorkingTimeline = useWorkingTimeline((st: any) => st.setTimeline);
 
+	var [nextSlideKeybinds, setNextSlideKeybinds] = useState(['Space', 'n', 'Enter']);
+	var [previousSlideKeybinds, setPreviousSlideKeybinds] = useState(['Backspace', 'p']);
+	var [showMenuKeybinds, setShowMenuKeybinds] = useState(['Escape', 'm']);
+
 	return <>
 		<h2 className='title posabs h0 t0'>Presentation settings</h2>
 		<div className='scroll posabs h0 b0'>
@@ -693,9 +697,13 @@ function DefaultSettings() {
 			</div>
 			<div className='section'>
 				<span className='title'>Keybindings</span>
-				<KeybindSelector label='Next slide' value={['Space', 'n', 'Enter']} />
-				<KeybindSelector label='Previous slide' value={['Backspace', 'p']} />
-				<KeybindSelector label='Show menu' value={['Escape', 'm']} />
+				<KeybindSelector label='Next slide' value={nextSlideKeybinds} onChange={setNextSlideKeybinds} />
+				<KeybindSelector
+					label='Previous slide'
+					value={previousSlideKeybinds}
+					onChange={setPreviousSlideKeybinds}
+				/>
+				<KeybindSelector label='Show menu' value={showMenuKeybinds} onChange={setShowMenuKeybinds} />
 			</div>
 			<div className='section'>
 				<span className='title'>Cool temporary buttons</span>
-- 
cgit v1.2.3