add correct orientation to board preview

franciscoBSalgueiro · Feb 11, 2024 · a6bf01e · a6bf01e
1 parent e32d258
commit a6bf01e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/src/components/panels/analysis/AnalysisPanel.tsx b/src/components/panels/analysis/AnalysisPanel.tsx
@@ -57,7 +57,7 @@ function AnalysisPanel({
   inProgress: boolean;
   setInProgress: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
-  const { root, position } = useContext(TreeStateContext);
+  const { root, position, headers } = useContext(TreeStateContext);
   const currentNode = getNodeAtPath(root, position);
 
   const [engines, setEngines] = useAtom(enginesAtom);
@@ -215,6 +215,9 @@ function AnalysisPanel({
                                         dragHandleProps={
                                           provided.dragHandleProps
                                         }
+                                        orientation={
+                                          headers.orientation || "white"
+                                        }
                                       />
                                     </Accordion.Item>
                                   </div>

diff --git a/src/components/panels/analysis/AnalysisRow.tsx b/src/components/panels/analysis/AnalysisRow.tsx
@@ -20,12 +20,14 @@ function AnalysisRow({
   halfMoves,
   threat,
   fen,
+  orientation,
 }: {
   score: Score;
   moves: string[];
   halfMoves: number;
   threat: boolean;
   fen: string;
+  orientation: "white" | "black";
 }) {
   const [open, setOpen] = useState<boolean>(false);
 
@@ -67,6 +69,7 @@ function AnalysisRow({
               halfMoves={halfMoves}
               threat={threat}
               fen={fen}
+              orientation={orientation}
             />
           ))}
         </Flex>
@@ -93,13 +96,15 @@ function BoardPopover({
   halfMoves,
   threat,
   fen,
+  orientation,
 }: {
   san: string;
   index: number;
   moves: string[];
   halfMoves: number;
   threat: boolean;
   fen: string;
+  orientation: "white" | "black";
 }) {
   const [opened, { close, open }] = useDisclosure(false);
   const total_moves = halfMoves + index + 1 + (threat ? 1 : 0);
@@ -144,7 +149,12 @@ function BoardPopover({
       <Popover.Dropdown
         style={{ pointerEvents: "none", transitionDuration: "0ms" }}
       >
-        <Chessground fen={fen} coordinates={false} viewOnly />
+        <Chessground
+          fen={fen}
+          coordinates={false}
+          viewOnly
+          orientation={orientation}
+        />
       </Popover.Dropdown>
     </Popover>
   );

diff --git a/src/components/panels/analysis/BestMoves.tsx b/src/components/panels/analysis/BestMoves.tsx
@@ -68,6 +68,7 @@ interface BestMovesProps {
   moves: string[];
   halfMoves: number;
   dragHandleProps: any;
+  orientation: "white" | "black";
 }
 
 function BestMovesComponent({
@@ -77,6 +78,7 @@ function BestMovesComponent({
   moves,
   halfMoves,
   dragHandleProps,
+  orientation,
 }: BestMovesProps) {
   const dispatch = useContext(TreeDispatchContext);
   const activeTab = useAtomValue(activeTabAtom);
@@ -449,6 +451,7 @@ function BestMovesComponent({
                       halfMoves={halfMoves}
                       threat={threat}
                       fen={threat ? swapMove(finalFen) : finalFen}
+                      orientation={orientation}
                     />
                   );
                 })}
@@ -473,6 +476,7 @@ function BestMovesComponent({
       toggleThreat,
       toggleSettingsOn,
       halfMoves,
+      orientation,
     ],
   );
 }
@@ -483,6 +487,7 @@ export default memo(BestMovesComponent, (prev, next) => {
     prev.engine === next.engine &&
     prev.fen === next.fen &&
     equal(prev.moves, next.moves) &&
-    prev.halfMoves === next.halfMoves
+    prev.halfMoves === next.halfMoves &&
+    prev.orientation === next.orientation
   );
 });