feat: add gameType to GameResult #190

chainhackers · Aug 11, 2023 · 80e8e17 · 80e8e17
1 parent 8017c2e
commit 80e8e17
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 22 deletions.
diff --git a/components/GameResult/GameResult.tsx b/components/GameResult/GameResult.tsx
@@ -14,20 +14,6 @@ import { TeamMemberBasic } from 'components/shared/ui/TeamMemberBasic';
 import { OIcon, XIcon } from 'components/shared/ui/XOIcons';
 export const GameResult = (props: IGameResultProps) => {
   const { result, player1, player2, gameType } = props;
-  // const player1 = {
-  //   playerName: '0xh20...7260',
-  //   playerImg: playerImg,
-  //   showWinText: result === 'win',
-  //   gameType: 'tic-tac-toe',
-  //   icon: gameType === 'tic-tac-toe' ? <XIcon /> : <PurpleIcon />,
-  // };
-  // const player2 = {
-  //   playerName: '0xh07...6035',
-  //   playerImg: playerImg2,
-  //   showWinText: result === 'lose',
-  //   gameType: 'tic-tac-toe',
-  //   icon: gameType ===  'tic-tac-toe' ? <OIcon /> : <WhiteIcon />,
-  // };
   return (
     <div
       className={classNames(styles.container, {

diff --git a/components/GameResult/ScoreCard/ScoreCardProps.ts b/components/GameResult/ScoreCard/ScoreCardProps.ts
@@ -1,9 +1,9 @@
 import { TGameResult } from '../GameResultProps';
 import { StaticImageData } from 'next/image';
 import { ReactNode } from 'react';
-import { TGameType } from 'types/game';
+import { PlayerI, TGameType } from 'types/game';
 export interface ScoreCardProps {
-  playerName: string;
+  playerName: PlayerI[];
   avatarUrl: string | StaticImageData;
   result: TGameResult;
   showWinText: boolean;

diff --git a/pages/game-result/index.tsx b/pages/game-result/index.tsx
@@ -1,21 +1,23 @@
 import { useState } from 'react';
 import { GameResult } from 'components/GameResult';
-import { TGameResult } from 'components/GameResult/GameResultProps';
+import { TGameType } from 'types/game';
 import styles from './gameResult.module.scss';
-import { FinishedGameState, finishGame } from 'gameApi/index';
+import { FinishedGameState } from 'gameApi/index';
+import { useRouter } from 'next/router';
 
 const GameResultPage = () => {
 const [finishedGameState, setFinishedGameState] = useState<FinishedGameState | null>(null);
-
+const router = useRouter();
+const dynamicGameType = router.query.gameType as TGameType;
   return (
     <div className={styles.wrapper}>
       <div className={styles.container}>
         {finishedGameState && (
           <GameResult
-            result={finishedGameState.winner ? 'win' : finishedGameState.isDraw ? 'draw' : 'lose'}
-            gameType={gameType}
+            result={finishedGameState.winner ? 'winner' : finishedGameState.isDraw ? 'isDraw' : 'loser'}
+            gameType={dynamicGameType}
             player1={{
-              playerName: finishedGameState.winner ? 'Your Name' : 'Opponent Name',
+              playerName: finishedGameState.winner ? 'playerName' : 'Opponent Name',
               avatarUrl: '',
             }}
             player2={{