lightcordwarez
/
BetterDiscordApp-rauenzi
mirror of https://github.com/rauenzi/BetterDiscordApp.git
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Adjust keybind handling

This commit is contained in:
Zerebos 2024-12-07 21:38:59 -05:00
parent 1b9d35654f
commit 6ece82770f
No known key found for this signature in database
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
renderer/src/ui/settings/components/keybind.jsx
View File

@ -7,15 +7,19 @@ import Close from "@ui/icons/close";
const {useState, useCallback, useEffect} = React; const {useState, useCallback, useEffect} = React;
export default function Keybind({value: initialValue, onChange, max = 2, clearable = true, disabled}) { export default function Keybind({value: initialValue, onChange, max = 4, clearable = true, disabled}) {
const [state, setState] = useState({value: initialValue, isRecording: false, accum: []}); const [state, setState] = useState({value: initialValue, isRecording: false, accum: []});
useEffect(() => { useEffect(() => {
window.addEventListener("keydown", keyHandler, true); window.addEventListener("keydown", keyDownHandler, true);
return () => window.removeEventListener("keydown", keyHandler, true); window.addEventListener("keyup", keyUpHandler, true);
return () => {
window.removeEventListener("keydown", keyDownHandler, true);
window.removeEventListener("keyup", keyUpHandler, true);
};
}); });
const keyHandler = useCallback((event) => { const keyDownHandler = useCallback((event) => {
if (!state.isRecording) return; if (!state.isRecording) return;
event.stopImmediatePropagation(); event.stopImmediatePropagation();
event.stopPropagation(); event.stopPropagation();
@ -29,6 +33,15 @@ export default function Keybind({value: initialValue, onChange, max = 2, clearab
} }
}, [state, max, onChange]); }, [state, max, onChange]);
const keyUpHandler = useCallback((event) => {
if (!state.isRecording) return;
event.stopImmediatePropagation();
event.stopPropagation();
event.preventDefault();
if (event.key === state.accum[0]) setState({value: state.accum.slice(0), isRecording: false, accum: []});
}, [state]);
const clearKeybind = useCallback((event) => { const clearKeybind = useCallback((event) => {
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();