update: Sat 07 Sep 2024 18:02:06 CEST

cophilot · Sep 7, 2024 · 01fdf9a · 01fdf9a
1 parent 65cc98b
commit 01fdf9a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/api/BoardScorePage/BoardScorePage.tsx b/src/api/BoardScorePage/BoardScorePage.tsx
@@ -13,6 +13,7 @@ interface BoardScoreTableProps {
     children?: any;
     onCellChange?: (rowIndex: number, playerIndex: number, value: any) => void;
     logo?: JSX.Element;
+    afterTableElement?: JSX.Element;
     isDarkModeEnabled?: boolean;
 }
 
@@ -27,6 +28,7 @@ export default function BoardScorePage({
     children,
     onCellChange,
     logo,
+    afterTableElement,
     isDarkModeEnabled = false,
 }: BoardScoreTableProps): JSX.Element {
     const navigate = useNavigate();
@@ -75,6 +77,7 @@ export default function BoardScorePage({
                 definition={definition}
                 gameSettings={settings}
                 playerSize={playerSize}></BoardScoreTable>
+            {afterTableElement}
             {showHelpButton && (
                 <button
                     className="btn selected nav-btn print-hide"

diff --git a/src/components/GameView.tsx b/src/components/GameView.tsx
@@ -5,12 +5,19 @@ import Logo from './Logo';
 
 interface GameViewProps {
     definition: any;
+    afterTabelElement?: JSX.Element;
 }
 
-export default function GameView({ definition }: GameViewProps): JSX.Element {
+export default function GameView({
+    definition,
+    afterTabelElement,
+}: GameViewProps): JSX.Element {
     const logo = <Logo size={100} bgColor={definition.bgColor || '#fff'} />;
     return (
-        <BoardScorePage definition={definition} logo={logo}>
+        <BoardScorePage
+            definition={definition}
+            logo={logo}
+            afterTableElement={afterTabelElement}>
             <By />
         </BoardScorePage>
     );

diff --git a/src/games/sea-salt-paper/View.tsx b/src/games/sea-salt-paper/View.tsx
@@ -2,5 +2,10 @@ import GameView from '../../components/GameView';
 import getDefinition from './definition';
 
 export default function SeaSaltPaperView() {
-    return <GameView definition={getDefinition()} />;
+    const roundBtn = (
+        <button className="btn selected nav-btn print-hide">Save Round</button>
+    );
+    return (
+        <GameView definition={getDefinition()} afterTabelElement={roundBtn} />
+    );
 }