Bet amount now works and displays properly! (Could be improved)

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

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/nextjs/components/tictactoe/CreateChallengeBox.tsx b/packages/nextjs/components/tictactoe/CreateChallengeBox.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useState } from "react";
 import { Button, Card, CardBody, Heading, Stack, Text } from "@chakra-ui/react";
-// import { ethers } from "ethers";
+import { ethers } from "ethers";
 import { AddressInput, EtherInput } from "~~/components/scaffold-eth";
 import { useScaffoldContractWrite } from "~~/hooks/scaffold-eth";
 
@@ -13,7 +13,7 @@ const CreateChallengeBox = ({}) => {
     contractName: "TicTacToe",
     functionName: "createGame",
     args: [player2Address],
-    // value: betAmount ? betAmount : undefined,
+    value: betAmount ? ethers.parseEther(betAmount) : undefined,
   });
 
   console.log("Bet amount: ", betAmount);

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -2,8 +2,9 @@ import { useEffect, useState } from "react";
 // import Link from "next/link";
 import { NewGameProps } from "../types/TicTacToeTypes";
 import { Card, CardBody, Flex, Heading } from "@chakra-ui/react";
-// import { ethers } from "ethers";
+import { ethers } from "ethers";
 import type { NextPage } from "next";
+// import { parseEther } from "viem";
 // import { BugAntIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 import { MetaHeader } from "~~/components/MetaHeader";
 import { Address } from "~~/components/scaffold-eth";
@@ -51,7 +52,7 @@ const Home: NextPage = () => {
   });
 
   const gameCards = gameHistory?.map(game => {
-    // This is where all events relevant to a single game will be stored and sorted which is a palindrome
+    // This is where all events relevant to a single game will be stored
     return game;
   });
 
@@ -103,7 +104,7 @@ const Home: NextPage = () => {
                       <p>
                         Player 2: <Address address={player2} />
                       </p>
-                      <p>Bet: {bet.toString()} ETH</p>
+                      <p>Bet: {parseFloat(ethers.formatEther(bet.toString())).toFixed(4)} ETH</p>
                     </Flex>
                     <span>------------------------</span>
                   </>