Skip to content
Snippets Groups Projects
Verified Commit 611eaaa0 authored by João Magalhães's avatar João Magalhães :rocket:
Browse files

feat: new keyboards

parent 68ed4654
No related branches found
No related tags found
No related merge requests found
Pipeline #1468 passed
...@@ -44,9 +44,8 @@ export const Button: FC<ButtonProps> = ({ ...@@ -44,9 +44,8 @@ export const Button: FC<ButtonProps> = ({
event.target.value = ""; event.target.value = "";
}; };
const onKeyPress = (event: React.KeyboardEvent) => { const onKeyPress = (event: React.KeyboardEvent) => {
if (event.key == "Enter") { if (event.key !== "Enter") return;
onClick && onClick(); onClick && onClick();
}
}; };
const renderSimple = () => ( const renderSimple = () => (
<span <span
......
...@@ -17,7 +17,14 @@ export const KeyboardChip8: FC<KeyboardChip8Props> = ({ ...@@ -17,7 +17,14 @@ export const KeyboardChip8: FC<KeyboardChip8Props> = ({
<span <span
className="key" className="key"
key={key} key={key}
onKeyDown={() => onKeyDown && onKeyDown(key)} tabIndex={0}
onKeyDown={(event) => {
if (event.key !== "Enter") return;
onKeyDown && onKeyDown(key);
event.stopPropagation();
event.preventDefault();
}}
onClick={() => onKeyDown && onKeyDown(key)}
> >
{key} {key}
</span> </span>
......
...@@ -28,6 +28,21 @@ export const KeyboardGB: FC<KeyboardGBProps> = ({ ...@@ -28,6 +28,21 @@ export const KeyboardGB: FC<KeyboardGBProps> = ({
" " " "
)} )}
key={keyName || key} key={keyName || key}
tabIndex={0}
onKeyDown={(event) => {
if (event.key !== "Enter") return;
setPressed(true);
onKeyDown && onKeyDown(keyName || key);
event.stopPropagation();
event.preventDefault();
}}
onKeyUp={(event) => {
if (event.key !== "Enter") return;
setPressed(false);
onKeyUp && onKeyUp(keyName || key);
event.stopPropagation();
event.preventDefault();
}}
onMouseDown={(event) => { onMouseDown={(event) => {
setPressed(true); setPressed(true);
onKeyDown && onKeyDown(keyName || key); onKeyDown && onKeyDown(keyName || key);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment