From 7a878bd0d77fbe8fc2e3e3a341c9c7e3e4e8f6d2 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Sun, 20 Jun 2021 11:33:18 +0200
Subject: added KeybindSelector component beginnings

---
 pages/_app.tsx   | 1 +
 pages/editor.tsx | 7 +++++++
 2 files changed, 8 insertions(+)

(limited to 'pages')

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9dc0a1e..20708b3 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -4,6 +4,7 @@ import '../components/play-skip_60fps.css';
 import '../styles/colors.css';
 import '../styles/editor.css';
 import '../styles/globals.css';
+import '../styles/keybindselector.css';
 import '../styles/keyframes.css';
 import '../styles/paper.css';
 import '../styles/presentation.css';
diff --git a/pages/editor.tsx b/pages/editor.tsx
index ff85c87..73bcd93 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -10,6 +10,7 @@ import {
 	PressureIcon,
 	SlideKeyframe,
 } from '../components/icons';
+import KeybindSelector from '../components/keybindselector';
 import PlaySkipIconAni from '../components/play-skip';
 import Selection from '../components/selection';
 import { anySlide, loopBeginSlide, loopSlide, slide, slideTypes, toolToSlide } from '../timeline';
@@ -690,6 +691,12 @@ function DefaultSettings() {
 					</Select>
 				</FormControl>
 			</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']} />
+			</div>
 			<div className='section'>
 				<span className='title'>Cool temporary buttons</span>
 				<input
-- 
cgit v1.2.3