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

feat: new keyboards

parent 8509fe18
No related branches found
No related tags found
No related merge requests found
......@@ -44,9 +44,8 @@ export const Button: FC<ButtonProps> = ({
event.target.value = "";
};
const onKeyPress = (event: React.KeyboardEvent) => {
if (event.key == "Enter") {
onClick && onClick();
}
if (event.key !== "Enter") return;
onClick && onClick();
};
const renderSimple = () => (
<span
......
......@@ -17,7 +17,14 @@ export const KeyboardChip8: FC<KeyboardChip8Props> = ({
<span
className="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}
</span>
......
......@@ -28,6 +28,21 @@ export const KeyboardGB: FC<KeyboardGBProps> = ({
" "
)}
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) => {
setPressed(true);
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