From 7f7fff990700342aa1b16ba662e6604c942c328b Mon Sep 17 00:00:00 2001
From: William Oprandi <william.oprandi@gmail.com>
Date: Tue, 22 Oct 2024 23:38:40 +0200
Subject: [PATCH] More i18n

---
 src/components/boards/Board.tsx            | 28 ++++++++++++++--------
 src/components/common/CompleteMoveCell.tsx | 12 ++++++----
 src/components/panels/info/FenInput.tsx    | 15 +++++++-----
 src/components/tabs/NewTabHome.tsx         |  2 +-
 src/translation/en_US.ts                   | 23 ++++++++++++++++++
 src/translation/fr_FR.ts                   | 24 +++++++++++++++++++
 6 files changed, 82 insertions(+), 22 deletions(-)

diff --git a/src/components/boards/Board.tsx b/src/components/boards/Board.tsx
index eac438a8..bcd0ddcf 100644
--- a/src/components/boards/Board.tsx
+++ b/src/components/boards/Board.tsx
@@ -362,13 +362,13 @@ function Board({
               }
               onClick={() => setViewPawnStructure(!viewPawnStructure)}
             >
-              Toggle Pawn Structure View
+              {t("Board.Action.TogglePawnStructureView")}
             </Menu.Item>
             <Menu.Item
               leftSection={<IconCamera size="1.3rem" />}
               onClick={() => takeSnapshot()}
             >
-              Take Snapshot
+              {t("Board.Action.TakeSnapshot")}
             </Menu.Item>
           </Menu.Dropdown>
         </Menu>
@@ -384,9 +384,11 @@ function Board({
           </Tooltip>
         )}
         <Tooltip
-          label={
-            currentTab?.type === "analysis" ? "Play from here" : "Analyze game"
-          }
+          label={t(
+            currentTab?.type === "analysis"
+              ? "Board.Action.PlayFromHere"
+              : "Board.AnalyzeGame",
+          )}
         >
           <ActionIcon variant="default" size="lg" onClick={changeTabType}>
             {currentTab?.type === "analysis" ? (
@@ -397,7 +399,7 @@ function Board({
           </ActionIcon>
         </Tooltip>
         {!eraseDrawablesOnClick && (
-          <Tooltip label="Clear Drawings">
+          <Tooltip label={t("Board.Action.ClearDrawings")}>
             <ActionIcon
               variant={editingMode ? "filled" : "default"}
               size="lg"
@@ -408,7 +410,7 @@ function Board({
           </Tooltip>
         )}
         {!disableVariations && (
-          <Tooltip label="Edit Position">
+          <Tooltip label={t("Board.Action.EditPosition")}>
             <ActionIcon
               variant={editingMode ? "filled" : "default"}
               size="lg"
@@ -424,7 +426,9 @@ function Board({
         )}
 
         {saveFile && (
-          <Tooltip label={`Save PGN (${keyMap.SAVE_FILE.keys})`}>
+          <Tooltip
+            label={t("Board.Action.SavePGN", { key: keyMap.SAVE_FILE.keys })}
+          >
             <ActionIcon
               onClick={() => saveFile()}
               size="lg"
@@ -435,13 +439,17 @@ function Board({
           </Tooltip>
         )}
         {addGame && currentTab?.file && (
-          <Tooltip label="Add Game">
+          <Tooltip label={t("Board.Action.AddGame")}>
             <ActionIcon variant="default" size="lg" onClick={() => addGame()}>
               <IconPlus size="1.3rem" />
             </ActionIcon>
           </Tooltip>
         )}
-        <Tooltip label={`Flip Board (${keyMap.SWAP_ORIENTATION.keys})`}>
+        <Tooltip
+          label={t("Board.Action.FlipBoard", {
+            key: keyMap.SWAP_ORIENTATION.keys,
+          })}
+        >
           <ActionIcon
             variant="default"
             size="lg"
diff --git a/src/components/common/CompleteMoveCell.tsx b/src/components/common/CompleteMoveCell.tsx
index 83cb30c4..8f06320c 100644
--- a/src/components/common/CompleteMoveCell.tsx
+++ b/src/components/common/CompleteMoveCell.tsx
@@ -15,6 +15,7 @@ import {
 } from "@tabler/icons-react";
 import { useAtomValue } from "jotai";
 import { memo, useContext, useState } from "react";
+import { useTranslation } from "react-i18next";
 import { useStore } from "zustand";
 import MoveCell from "./MoveCell";
 import { TreeStateContext } from "./TreeStateContext";
@@ -79,6 +80,7 @@ function CompleteMoveCell({
   const currentTab = useAtomValue(currentTabAtom);
 
   const transpositions = fen ? getTranspositions(fen, movePath, root) : [];
+  const { t } = useTranslation();
 
   return (
     <>
@@ -116,28 +118,28 @@ function CompleteMoveCell({
                     leftSection={<IconFlag size="0.875rem" />}
                     onClick={() => setStart(movePath)}
                   >
-                    Mark as start
+                    {t("Menu.MarkAsStart")}
                   </Menu.Item>
                 )}
                 <Menu.Item
                   leftSection={<IconChevronsUp size="0.875rem" />}
                   onClick={() => promoteToMainline(movePath)}
                 >
-                  Promote to Main Line
+                  {t("Menu.PromoteToMainLine")}
                 </Menu.Item>
 
                 <Menu.Item
                   leftSection={<IconChevronUp size="0.875rem" />}
                   onClick={() => promoteVariation(movePath)}
                 >
-                  Promote Variation
+                  {t("Menu.PromoteVariation")}
                 </Menu.Item>
 
                 <Menu.Item
                   leftSection={<IconCopy size="0.875rem" />}
                   onClick={() => copyVariationPgn(movePath)}
                 >
-                  Copy Variation PGN
+                  {t("Menu.CopyVariationPGN")}
                 </Menu.Item>
 
                 <Menu.Item
@@ -145,7 +147,7 @@ function CompleteMoveCell({
                   leftSection={<IconX size="0.875rem" />}
                   onClick={() => deleteMove(movePath)}
                 >
-                  Delete Move
+                  {t("Menu.DeleteMove")}
                 </Menu.Item>
               </Menu.Dropdown>
             </Portal>
diff --git a/src/components/panels/info/FenInput.tsx b/src/components/panels/info/FenInput.tsx
index 3552b589..fbf76c12 100644
--- a/src/components/panels/info/FenInput.tsx
+++ b/src/components/panels/info/FenInput.tsx
@@ -4,6 +4,7 @@ import { Button, Checkbox, Group, Select, Stack, Text } from "@mantine/core";
 import { type Setup, SquareSet } from "chessops";
 import { EMPTY_FEN, INITIAL_FEN, makeFen, parseFen } from "chessops/fen";
 import { memo, useCallback, useContext, useEffect, useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import { useStore } from "zustand";
 import FenSearch from "./FenSearch";
 
@@ -116,6 +117,8 @@ function FenInput({ currentFen }: { currentFen: string }) {
     setFen(makeFen({ ...setup, castlingRights: newCastlingRights }));
   }, [blackCastling, setCastlingRights, setup, whiteCastling, setFen]);
 
+  const { t } = useTranslation();
+
   return (
     <Stack gap="sm">
       <Group>
@@ -124,17 +127,17 @@ function FenInput({ currentFen }: { currentFen: string }) {
           <FenSearch currentFen={currentFen} />
           <Group>
             <Button variant="default" onClick={() => setFen(INITIAL_FEN)}>
-              Start
+              {t("Fen.Start")}
             </Button>
             <Button variant="default" onClick={() => setFen(EMPTY_FEN)}>
-              Empty
+              {t("Fen.Empty")}
             </Button>
             <Select
               flex={1}
               allowDeselect={false}
               data={[
-                { label: "White to move", value: "white" },
-                { label: "Black to move", value: "black" },
+                { label: t("Fen.WhiteToMove"), value: "white" },
+                { label: t("Fen.BlackToMove"), value: "black" },
               ]}
               value={setup?.turn || "white"}
               onChange={(value) => {
@@ -151,7 +154,7 @@ function FenInput({ currentFen }: { currentFen: string }) {
         </Stack>
         <Group>
           <Stack>
-            <Text size="sm">White</Text>
+            <Text size="sm">{t("Fen.White")}</Text>
             <Checkbox
               label="O-O"
               checked={whiteCastling.k}
@@ -170,7 +173,7 @@ function FenInput({ currentFen }: { currentFen: string }) {
             />
           </Stack>
           <Stack>
-            <Text size="sm">Black</Text>
+            <Text size="sm">{t("Fen.Black")}</Text>
             <Checkbox
               label="O-O"
               checked={blackCastling.k}
diff --git a/src/components/tabs/NewTabHome.tsx b/src/components/tabs/NewTabHome.tsx
index fcc6d18d..6cb3ae18 100644
--- a/src/components/tabs/NewTabHome.tsx
+++ b/src/components/tabs/NewTabHome.tsx
@@ -46,7 +46,7 @@ export default function NewTabHome({ id }: { id: string }) {
         setTabs((prev: Tab[]) => {
           const tab = prev.find((t) => t.value === id);
           if (!tab) return prev;
-          tab.name = "Analysis Board";
+          tab.name = t("Home.Card.AnalysisBoard.Title");
           tab.type = "analysis";
           return [...prev];
         });
diff --git a/src/translation/en_US.ts b/src/translation/en_US.ts
index db714884..fb6ebc77 100644
--- a/src/translation/en_US.ts
+++ b/src/translation/en_US.ts
@@ -135,6 +135,16 @@ export const en_US = {
     "Home.Card.Puzzle.Desc": "Train your chess skills",
     "Home.Card.Puzzle.Button": "Train",
 
+    "Board.Action.TogglePawnStructureView": "Toggle Pawn Structure View",
+    "Board.Action.TakeSnapshot": "Take Snapshot",
+    "Board.Action.AnalyzeGame": "Analyze game",
+    "Board.Action.PlayFromHere": "Play from here",
+    "Board.Action.ClearDrawings": "Clear Drawings",
+    "Board.Action.EditPosition": "Edit Position",
+    "Board.Action.SavePGN": "Save PGN ({{key}})",
+    "Board.Action.AddGame": "Add Game",
+    "Board.Action.FlipBoard": "Flip Board ({{key}})",
+
     "Board.Tabs.Practice": "Practice",
     "Board.Tabs.Analysis": "Analysis",
     "Board.Tabs.Database": "Database",
@@ -267,6 +277,13 @@ export const en_US = {
     "Errors.InvalidTurn": "Invalid turn",
     "Errors.Unknown": "Unknown error",
 
+    "Fen.Start": "Start",
+    "Fen.Empty": "Empty",
+    "Fen.White": "White",
+    "Fen.Black": "Black",
+    "Fen.WhiteToMove": "White to move",
+    "Fen.BlackToMove": "Black to move",
+
     "Files.Title": "Files",
     "Files.FileType": "File type",
     "Files.FileType.Game": "Game",
@@ -282,6 +299,12 @@ export const en_US = {
     "Files.Create.Title": "Create file",
     "Files.Search": "Search for files",
 
+    "Menu.MarkAsStart": "Mark as start",
+    "Menu.PromoteToMainLine": "Promote to Main Line",
+    "Menu.PromoteVariation": "Promote Variation",
+    "Menu.CopyVariationPGN": "Copy Variation PGN",
+    "Menu.DeleteMove": "Delete Move",
+
     "Settings.Board": "Board",
     "Settings.Inputs": "Inputs",
     "Settings.OpeningReport": "Opening Report",
diff --git a/src/translation/fr_FR.ts b/src/translation/fr_FR.ts
index d7d49e94..406ae92c 100644
--- a/src/translation/fr_FR.ts
+++ b/src/translation/fr_FR.ts
@@ -135,6 +135,17 @@ export const fr_FR = {
     "Home.Card.Puzzle.Desc": "Entraînement pour vous améliorer",
     "Home.Card.Puzzle.Button": "S'entraîner",
 
+    "Board.Action.TogglePawnStructureView":
+      "Basculer l'affichage de la structure de pions",
+    "Board.Action.TakeSnapshot": "Prendre une capture d'écran",
+    "Board.Action.AnalyzeGame": "Analyser la partie",
+    "Board.Action.PlayFromHere": "Jouer à partir d'ici",
+    "Board.Action.ClearDrawings": "Effacer les dessins",
+    "Board.Action.EditPosition": "Éditer la position",
+    "Board.Action.SavePGN": "Enregistrer le PGN ({{key}})",
+    "Board.Action.AddGame": "Ajouter une partie",
+    "Board.Action.FlipBoard": "Tourner l'échiquier ({{key}})",
+
     "Board.Tabs.Practice": "Entraînement",
     "Board.Tabs.Analysis": "Analyse",
     "Board.Tabs.Database": "Base de données",
@@ -269,6 +280,13 @@ export const fr_FR = {
     "Errors.InvalidTurn": "Trait invalide",
     "Errors.Unknown": "Erreur inconnue",
 
+    "Fen.Start": "Départ",
+    "Fen.Empty": "Vide",
+    "Fen.White": "Blancs",
+    "Fen.Black": "Noirs",
+    "Fen.WhiteToMove": "Trait aux Blancs",
+    "Fen.BlackToMove": "Trait aux Noirs",
+
     "Files.Title": "Fichiers",
     "Files.FileType": "Type de fichier",
     "Files.FileType.Game": "Partie",
@@ -284,6 +302,12 @@ export const fr_FR = {
     "Files.Create.Title": "Créer fichier",
     "Files.Search": "Rechercher des fichiers",
 
+    "Menu.MarkAsStart": "Marquer comme début",
+    "Menu.PromoteToMainLine": "Variante principale",
+    "Menu.PromoteVariation": "Promouvoir la variante",
+    "Menu.CopyVariationPGN": "Copier le PGN de la variante",
+    "Menu.DeleteMove": "Supprimer le coup",
+
     "Settings.Board": "Échiquier",
     "Settings.Inputs": "Entrées",
     "Settings.OpeningReport": "Rapport d'ouverture",