fix: enable numpad numbers and change color of highlight

TN1ck · Jul 25, 2024 · 2f64f48 · 2f64f48
1 parent c724396
commit 2f64f48
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/pages/Game/Sudoku/Sudoku.styles.tsx b/src/components/pages/Game/Sudoku/Sudoku.styles.tsx
@@ -155,7 +155,7 @@ export const GridCellNumber = ({
       }}
       className={clsx("pointer-events-none absolute z-20 -translate-x-1/2 -translate-y-1/2 text-lg font-bold", {
         "text-black": initial,
-        "text-teal-500": highlight && !conflict && !conflict,
+        "text-amber-600": highlight && !conflict && !conflict,
         "text-teal-600": !initial && !highlight && !conflict,
         "text-red-600": conflict && !initial,
       })}

diff --git a/src/components/pages/Game/shortcuts/GridShortcuts.tsx b/src/components/pages/Game/shortcuts/GridShortcuts.tsx
@@ -111,7 +111,8 @@ class GameKeyboardShortcuts extends React.Component<
     });
 
     SUDOKU_NUMBERS.forEach((n) => {
-      hotkeys(String(n), ShortcutScope.Game, () => {
+      const keys = [String(n), `num_${n}`].join(",");
+      hotkeys(keys, ShortcutScope.Game, () => {
         if (!this.props.activeCell.initial) {
           if (this.props.notesMode) {
             const conflicting = SudokuGame.conflictingFields(this.props.sudoku);
@@ -129,7 +130,7 @@ class GameKeyboardShortcuts extends React.Component<
       });
     });
 
-    hotkeys("backspace", ShortcutScope.Game, () => {
+    hotkeys("backspace,num_subtract", ShortcutScope.Game, () => {
       if (!this.props.activeCell.initial) {
         this.props.clearNumber(this.props.activeCell);
       }