update title in games selection

franciscoBSalgueiro · Mar 14, 2024 · e17845b · e17845b
1 parent 1523336
commit e17845b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/components/common/GameInfo.tsx b/src/components/common/GameInfo.tsx
@@ -13,9 +13,11 @@ import { TreeDispatchContext } from "./TreeStateContext";
 function GameInfo({
   headers,
   simplified,
+  changeTitle,
 }: {
   headers: GameHeaders;
   simplified?: boolean;
+  changeTitle?: (title: string) => void;
 }) {
   const dispatch = useContext(TreeDispatchContext);
   const disabled = dispatch.length === 0;
@@ -74,6 +76,9 @@ function GameInfo({
                   event: e.target.value,
                 },
               });
+              if (changeTitle) {
+                changeTitle(e.target.value);
+              }
             }}
           />
           {headers.round && headers.round !== "?" && (

diff --git a/src/components/panels/info/InfoPanel.tsx b/src/components/panels/info/InfoPanel.tsx
@@ -35,7 +35,17 @@ function InfoPanel() {
       <ScrollArea offsetScrollbars>
         <FileInfo setGames={setGames} />
         <Stack>
-          <GameInfo headers={tree.headers} simplified={isReportoire} />
+          <GameInfo
+            headers={tree.headers}
+            simplified={isReportoire}
+            changeTitle={(title: string) => {
+              setGames((prev) => {
+                const newGames = new Map(prev);
+                newGames.set(currentTab?.gameNumber || 0, title);
+                return newGames;
+              });
+            }}
+          />
           <FenSearch currentFen={currentNode.fen} />
           <PgnInput />