Still can't solve the betAmount issue on createChallengeBox

luloxi · Jan 7, 2024 · 1e85518 · 1e85518
1 parent 0339ad2
commit 1e85518
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/packages/nextjs/components/tictactoe/CreateChallengeBox.tsx b/packages/nextjs/components/tictactoe/CreateChallengeBox.tsx
@@ -13,7 +13,7 @@ const CreateChallengeBox = ({}) => {
     contractName: "TicTacToe",
     functionName: "createGame",
     args: [player2Address],
-    // value: betAmount ? betAmount.toString() : undefined,
+    // value: betAmount ? betAmount : undefined,
   });
 
   console.log("Bet amount: ", betAmount);

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -93,16 +93,19 @@ const Home: NextPage = () => {
             <CardBody>
               <Heading size="xl">⭕ See your active challenges! ❌</Heading>
               <Flex direction="column" alignItems="center" justifyContent="center">
-                {gameCards?.map(({ gameId, player1, player2 /* , bet */ }) => (
+                {gameCards?.map(({ gameId, player1, player2, bet }) => (
                   <>
                     <p>GameId: {gameId}</p>
-                    <p>
-                      Player 1: <Address address={player1} />
-                    </p>
-                    <p>
-                      Player 2: <Address address={player2} />
-                    </p>
-                    {/* <p>Bet: {ethers.utils.formatEther(bet.toString())} ETH</p> */}
+                    <Flex direction="row" gap={6}>
+                      <p>
+                        Player 1: <Address address={player1} />
+                      </p>
+                      <p>
+                        Player 2: <Address address={player2} />
+                      </p>
+                      <p>Bet: {bet.toString()} ETH</p>
+                    </Flex>
+                    <span>------------------------</span>
                   </>
                 ))}
               </Flex>