feat : add evaluation bar

src/hooks/useCurrentMove.ts

@@ -17,9 +17,9 @@ export type CurrentMove = Partial<Move> & {
   lastEval?: MoveEval;
 };
 
-export const useCurrentMove = () => {
+export const useCurrentMove = (engineName?: EngineName) => {
   const [currentMove, setCurrentMove] = useState<CurrentMove>({});
-  const engine = useEngine(EngineName.Stockfish16);
+  const engine = useEngine(engineName);
   const gameEval = useAtomValue(gameEvalAtom);
   const game = useAtomValue(gameAtom);
   const board = useAtomValue(boardAtom);

src/hooks/useEngine.ts

@@ -5,7 +5,7 @@ import { EngineName } from "@/types/enums";
 import { useAtomValue } from "jotai";
 import { useEffect, useState } from "react";
 
-export const useEngine = (engineName: EngineName) => {
+export const useEngine = (engineName: EngineName | undefined) => {
   const [engine, setEngine] = useState<UciEngine | null>(null);
   const multiPv = useAtomValue(engineMultiPvAtom);
 
@@ -17,6 +17,8 @@ export const useEngine = (engineName: EngineName) => {
   };
 
   useEffect(() => {
+    if (!engineName) return;
+
     const engine = pickEngine(engineName);
     engine.init().then(() => {
       setEngine(engine);