fix : move icons

src/constants.ts

@@ -1,13 +1,12 @@
 import { EngineName, MoveClassification } from "./types/enums";
 
 export const MAIN_THEME_COLOR = "#3B9AC6";
-export const TAB_ICONS_COLOR = "#FE7F2D";
 export const LINEAR_PROGRESS_BAR_COLOR = "#3B9AC6";
 
 export const CLASSIFICATION_COLORS: Record<MoveClassification, string> = {
   [MoveClassification.Opening]: "#dbac86",
   [MoveClassification.Forced]: "#dbac86",
-  [MoveClassification.Brilliant]: "#19d4af",
+  [MoveClassification.Splendid]: "#19d4af",
   [MoveClassification.Perfect]: "#3894eb",
   [MoveClassification.Best]: "#22ac38",
   [MoveClassification.Excellent]: "#22ac38",

src/lib/engine/helpers/moveClassification.ts

@@ -54,7 +54,7 @@ export const getMovesClassification = (
     const isWhiteMove = index % 2 === 1;
 
     if (
-      isBrilliantMove(
+      isSplendidMove(
         lastPositionWinPercentage,
         positionWinPercentage,
         isWhiteMove,
@@ -67,7 +67,7 @@ export const getMovesClassification = (
       return {
         ...rawPosition,
         opening: currentOpening,
-        moveClassification: MoveClassification.Brilliant,
+        moveClassification: MoveClassification.Splendid,
       };
     }
 
@@ -132,7 +132,7 @@ const getMoveBasicClassification = (
   return MoveClassification.Excellent;
 };
 
-const isBrilliantMove = (
+const isSplendidMove = (
   lastPositionWinPercentage: number,
   positionWinPercentage: number,
   isWhiteMove: boolean,

src/pages/index.tsx

@@ -26,7 +26,6 @@ import { Icon } from "@iconify/react";
 import EngineSettingsButton from "@/sections/engineSettings/engineSettingsButton";
 import GraphTab from "@/sections/analysis/panelBody/graphTab";
 import { PageTitle } from "@/components/pageTitle";
-import { TAB_ICONS_COLOR } from "@/constants";
 
 export default function GameAnalysis() {
   const theme = useTheme();
@@ -119,9 +118,7 @@ export default function GameAnalysis() {
             <Tab
               label="Analysis"
               id="tab0"
-              icon={
+              icon={<Icon icon="mdi:magnify" height={15} />}
-                <Icon icon="mdi:magnify" color={TAB_ICONS_COLOR} height={15} />
-              }
               iconPosition="start"
               sx={{
                 textTransform: "none",
@@ -134,13 +131,7 @@ export default function GameAnalysis() {
             <Tab
               label="Moves"
               id="tab1"
-              icon={
+              icon={<Icon icon="mdi:format-list-bulleted" height={15} />}
-                <Icon
-                  icon="mdi:format-list-bulleted"
-                  color={TAB_ICONS_COLOR}
-                  height={15}
-                />
-              }
               iconPosition="start"
               sx={{
                 textTransform: "none",
@@ -154,13 +145,7 @@ export default function GameAnalysis() {
             <Tab
               label="Graph"
               id="tab2"
-              icon={
+              icon={<Icon icon="mdi:chart-line" height={15} />}
-                <Icon
-                  icon="mdi:chart-line"
-                  color={TAB_ICONS_COLOR}
-                  height={15}
-                />
-              }
               iconPosition="start"
               sx={{
                 textTransform: "none",

src/sections/analysis/panelBody/analysisTab/moveInfo.tsx

@@ -54,7 +54,7 @@ export default function MoveInfo() {
     moveClassification === MoveClassification.Best ||
     moveClassification === MoveClassification.Opening ||
     moveClassification === MoveClassification.Forced ||
-    moveClassification === MoveClassification.Brilliant ||
+    moveClassification === MoveClassification.Splendid ||
     moveClassification === MoveClassification.Perfect
       ? null
       : `${bestMoveSan} was the best move`;
@@ -110,7 +110,7 @@ export default function MoveInfo() {
 const moveClassificationLabels: Record<MoveClassification, string> = {
   [MoveClassification.Opening]: "an opening move",
   [MoveClassification.Forced]: "forced",
-  [MoveClassification.Brilliant]: "brilliant !!",
+  [MoveClassification.Splendid]: "splendid !!",
   [MoveClassification.Perfect]: "the only good move !",
   [MoveClassification.Best]: "the best move",
   [MoveClassification.Excellent]: "excellent",

src/sections/analysis/panelBody/classificationTab/movesClassificationsRecap/index.tsx

@@ -50,7 +50,7 @@ export default function MovesClassificationsRecap() {
 }
 
 export const sortedMoveClassfications = [
-  MoveClassification.Brilliant,
+  MoveClassification.Splendid,
   MoveClassification.Perfect,
   MoveClassification.Best,
   MoveClassification.Excellent,

src/sections/analysis/panelBody/graphTab/index.tsx

@@ -65,7 +65,7 @@ export default function GraphTab(props: GridProps) {
 
       if (
         [
-          MoveClassification.Brilliant,
+          MoveClassification.Splendid,
           MoveClassification.Perfect,
           MoveClassification.Blunder,
           MoveClassification.Mistake,

src/types/enums.ts

@@ -24,7 +24,7 @@ export enum MoveClassification {
   Forced = "forced",
   Opening = "opening",
   Perfect = "perfect",
-  Brilliant = "brilliant",
+  Splendid = "splendid",
 }
 
 export enum Color {