refactor: resolve incorrect event category handling in hints.

Author: bryanlundberg

src/components/timer/HintPanel.tsx

@@ -14,7 +14,10 @@ export default function HintPanel() {
   const { lang } = useSettingsModalStore();
   const componentRef = useRef<HTMLDivElement | null>(null);
   useClickOutside(componentRef, () => setDisplayHint(false));
-  const solutions = genSolution("3x3", scramble, "yellow");
+
+  if (!selectedCube) return null;
+  const solutions = genSolution(selectedCube.category, scramble, "yellow");
+
   return (
     <>
       <AnimatePresence>

src/lib/timer/genSolution.ts

@@ -23,17 +23,18 @@ export default function genSolution(
     eoline: [],
   };
 
-  if (event === "3x3" && scramble) {
-    if (layer === "yellow") {
-      solution.cross.push(cubeSolver.solve(`${scramble}`, "cross"));
-      solution.cross.push(cubeSolver.solve(`y ${scramble}`, "cross"));
-      solution.cross.push(cubeSolver.solve(`y y ${scramble}`, "cross"));
-      solution.cross.push(cubeSolver.solve(`y' ${scramble}`, "cross"));
-      solution.xcross.push(cubeSolver.solve(`${scramble}`, "xcross"));
-      solution.xcross.push(cubeSolver.solve(`y ${scramble}`, "xcross"));
-      solution.xcross.push(cubeSolver.solve(`y y ${scramble}`, "xcross"));
-      solution.xcross.push(cubeSolver.solve(`y' ${scramble}`, "xcross"));
-    }
+  if (event !== "3x3") return solution;
+
+  if (layer === "yellow") {
+    solution.cross.push(cubeSolver.solve(`${scramble}`, "cross"));
+    solution.cross.push(cubeSolver.solve(`y ${scramble}`, "cross"));
+    solution.cross.push(cubeSolver.solve(`y y ${scramble}`, "cross"));
+    solution.cross.push(cubeSolver.solve(`y' ${scramble}`, "cross"));
+    solution.xcross.push(cubeSolver.solve(`${scramble}`, "xcross"));
+    solution.xcross.push(cubeSolver.solve(`y ${scramble}`, "xcross"));
+    solution.xcross.push(cubeSolver.solve(`y y ${scramble}`, "xcross"));
+    solution.xcross.push(cubeSolver.solve(`y' ${scramble}`, "xcross"));
   }
+
   return solution;
 }