change piece set on hover

franciscoBSalgueiro · Dec 4, 2024 · ca7de4d · ca7de4d
1 parent a0e6612
commit ca7de4d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 30 deletions.
diff --git a/src/components/boards/BoardGame.tsx b/src/components/boards/BoardGame.tsx
@@ -568,15 +568,13 @@ function BoardGame() {
         );
       }
       if (pos?.turn === "white" && blackTime !== null) {
-        setBlackTime(
-          (prev) => {
-            if (pos?.fullmoves === 1) {
-              return prev!;
-            }
-
-            return prev! + (players.black.timeControl?.increment ?? 0);
+        setBlackTime((prev) => {
+          if (pos?.fullmoves === 1) {
+            return prev!;
           }
-        );
+
+          return prev! + (players.black.timeControl?.increment ?? 0);
+        });
       }
       setIntervalId(intervalId);
     }

diff --git a/src/components/settings/PiecesSelect.tsx b/src/components/settings/PiecesSelect.tsx
@@ -3,7 +3,6 @@ import {
   Box,
   Combobox,
   Flex,
-  Group,
   Input,
   InputBase,
   ScrollArea,
@@ -51,23 +50,8 @@ const pieceSets: Item[] = [
   { label: "Tatiana", value: "tatiana" },
 ];
 
-function SelectOption({ label, piece }: { label: string; piece?: boolean }) {
-  return (
-    <Group wrap="nowrap">
-      {piece && (
-        <Box h="2.5rem" w="2.5rem">
-          <PieceComponent piece={{ color: "white", role: "knight" }} />
-        </Box>
-      )}
-      <Text fz="sm" fw={500}>
-        {label}
-      </Text>
-    </Group>
-  );
-}
-
 function DisplayPieces() {
-  const pieces = ["rook", "knight", "bishop", "queen", "king", "pawn"];
+  const pieces = ["rook", "knight", "bishop", "queen", "king", "pawn"] as const;
   return (
     <Flex gap="xs">
       {pieces.map((role, index) => (
@@ -87,8 +71,14 @@ export default function PiecesSelect() {
   const [pieceSet, setPieceSet] = useAtom(pieceSetAtom);
 
   const options = pieceSets.map((item) => (
-    <Combobox.Option value={item.value} key={item.value}>
-      <SelectOption label={item.label} />
+    <Combobox.Option
+      value={item.value}
+      key={item.value}
+      onMouseOver={() => setPieceSet(item.value)}
+    >
+      <Text fz="sm" fw={500}>
+        {item.label}
+      </Text>
     </Combobox.Option>
   ));
 
@@ -116,7 +106,9 @@ export default function PiecesSelect() {
               w="10rem"
             >
               {selected ? (
-                <SelectOption label={selected.label} piece />
+                <Text fz="sm" fw={500}>
+                  {selected.label}
+                </Text>
               ) : (
                 <Input.Placeholder>Pick value</Input.Placeholder>
               )}
@@ -125,7 +117,7 @@ export default function PiecesSelect() {
 
           <Combobox.Dropdown>
             <Combobox.Options>
-              <ScrollArea.Autosize mah={200} type="always">
+              <ScrollArea.Autosize mah={200} type="always" scrollbars="y">
                 {options}
               </ScrollArea.Autosize>
             </Combobox.Options>

diff --git a/vite.config.ts b/vite.config.ts
@@ -5,7 +5,7 @@ import react from "@vitejs/plugin-react-swc";
 import { TanStackRouterVite } from "@tanstack/router-vite-plugin";
 import { defineConfig } from "vite";
 
-const isDebug = !!process.env.TAURI_DEBUG;
+const isDebug = !!process.env.TAURI_ENV_DEBUG;
 
 // https://vitejs.dev/config/
 export default defineConfig({