From d0506b595c6403710fd97d01d4660ef4868c586e Mon Sep 17 00:00:00 2001
From: rasguy92 <ftrouw@protonmail.com>
Date: Fri, 8 Dec 2023 00:40:55 +0700
Subject: [PATCH] feat: add most feedback

---
 src/common/modals/ClaimModal.tsx      | 7 +++----
 src/common/modals/DiceWinnerModal.tsx | 3 ++-
 src/components/WegaGames/index.tsx    | 4 ++--
 src/containers/Navigation/index.tsx   | 2 +-
 src/containers/WinsPage/index.tsx     | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/common/modals/ClaimModal.tsx b/src/common/modals/ClaimModal.tsx
index 0b7c2d4..e031853 100644
--- a/src/common/modals/ClaimModal.tsx
+++ b/src/common/modals/ClaimModal.tsx
@@ -47,7 +47,7 @@ export const ClaimModal = ({ hide, game, wallet, tokenDecimals
     }
   };
   const wagerUSDValue = useTokenUSDValue(game.wager.wagerCurrency, Number(formatUnits(game.wager.wagerAmount, tokenDecimals)));
-  console.log(Number(formatUnits(game.wager.wagerAmount, tokenDecimals)))
+  
   return tokenDecimals && (
    <WinnerDeclarationContainer tw="items-start p-[24px] gap-y-[16px] min-w-[340px]">
     <div tw="flex justify-end w-full">
@@ -89,9 +89,8 @@ export const ClaimModal = ({ hide, game, wallet, tokenDecimals
           size={11} 
          />
        </ClaimModalAvatarWrapper>
-       <div tw="flex flex-col gap-y-[11px]">
+       <div tw="flex flex-row items-center justify-start gap-y-[11px]">
         <NormalText tw="text-blanc">{miniWalletAddress(wallet.address)}</NormalText>
-        <NormalText tw="text-shinishi">{"Change wallet"}</NormalText>
        </div>
       </div>
      </div>
@@ -138,7 +137,7 @@ export const ClaimModal = ({ hide, game, wallet, tokenDecimals
       </div>
     </div> 
     <GradientDiv tw="h-[max-content] flex justify-between gap-[10px] dark:bg-[#414141] py-[8px] px-[5px]">
-      <NormalText tw="dark:text-shinishi">Net winnings</NormalText>
+      <NormalText tw="dark:text-blanc">Net winnings</NormalText>
       {
         !calculateFeesQuery.data ? 'calculating...' : <NormalText>{
           parseFloat(String(Number(formatUnits(calculateFeesQuery.data[sendAmountIndex], tokenDecimals)) - Number(formatUnits(game.wager.wagerAmount, tokenDecimals)))).toFixed(2)
diff --git a/src/common/modals/DiceWinnerModal.tsx b/src/common/modals/DiceWinnerModal.tsx
index cad6018..5dfb0a1 100644
--- a/src/common/modals/DiceWinnerModal.tsx
+++ b/src/common/modals/DiceWinnerModal.tsx
@@ -59,6 +59,7 @@ const DiceWinnerModal = ({
         <BadgeText>{wagerCurrency}</BadgeText>
       </WagerTypeBadgeWrapper>
 
+
       <div tw="flex gap-x-[25px] items-center">
         <Link to="/wins" tw="min-w-[197px]">
           <Button buttonType="primary" tw="flex items-center justify-center w-full">
@@ -66,7 +67,7 @@ const DiceWinnerModal = ({
             <DownloadIcon color="#151515" tw="h-[16px] w-[16px] ms-[5px]"/>
           </Button>
         </Link>
-        <Link to={`/${gameType.toLocaleLowerCase()}/create`} tw="min-w-[197px]" state={{ gameType }}>
+        <Link to={`/create/${gameType.toLocaleLowerCase()}`} tw="min-w-[197px]" state={{ gameType }}>
           <Button buttonType="secondary" tw="flex items-center w-full justify-center">
             Start a new game
             <RestartIcon  tw="h-[16px] w-[16px] ms-[5px]"/>
diff --git a/src/components/WegaGames/index.tsx b/src/components/WegaGames/index.tsx
index e9b626e..88360d2 100644
--- a/src/components/WegaGames/index.tsx
+++ b/src/components/WegaGames/index.tsx
@@ -114,10 +114,10 @@ export const ClaimableGames: React.FC<ClaimableGamesProps> = ({ gamesCount, user
       setSortedGames(sortedGameIds.map(id => data.entities[id] as Wega) ?? []);
     }
   }, [data, gamesCount, isSuccess, userWalletAddress, defaultNetwork?.id]); 
-  return !isLoading ? (<Section hdr="Tokens won" direction="col" tw="gap-2" { ...rest } >
+  return !isLoading ? (<Section hdr="Tokens won" direction="col" tw="gap-2 w-full" { ...rest } >
     {
      sortedGames && sortedGames.length > 0 ? sortedGames.map((game: Wega, i) => (
-     <ClaimBar networkId={networkId} count={i + 1} gameId={game.id} key={`claim-wins-bar-${i}`} className="dark:bg-[#1C1C1C] py-2 px-3 rounded-[5px]" />)) : <></>
+     <ClaimBar networkId={networkId} count={i + 1} gameId={game.id} key={`claim-wins-bar-${i}`} tw="dark:bg-[#1C1C1C] py-2 px-3 rounded-[5px] w-full" />)) : <></>
     }
     </Section> 
   ) : <ComponentLoader tw="w-full flex justify-center" />
diff --git a/src/containers/Navigation/index.tsx b/src/containers/Navigation/index.tsx
index b49457f..23fa312 100644
--- a/src/containers/Navigation/index.tsx
+++ b/src/containers/Navigation/index.tsx
@@ -24,7 +24,7 @@ const Navigation = () => {
 
   return (
     <NavigationBar tw="font-primary">
-      <div tw="relative z-[950] container dark:text-blanc flex w-full py-[20px] px-[20px] justify-center items-end">
+      <div tw="relative z-[950] sm:container dark:text-blanc flex w-full py-[20px] px-[20px] justify-center items-end">
         <NavigationLinksContainer tw="box-border flex w-full gap-x-[30px]">
           <BrandContainer tw="mb-[4px]">
             <div tw="mr-5">
diff --git a/src/containers/WinsPage/index.tsx b/src/containers/WinsPage/index.tsx
index 9cf3837..540b33a 100644
--- a/src/containers/WinsPage/index.tsx
+++ b/src/containers/WinsPage/index.tsx
@@ -24,7 +24,7 @@ const WinsPage = () => {
       <Helmet>
       <title>Claim</title>
       </Helmet>
-      <MainContainer tw="min-h-[100vh] w-[50vw]">
+      <MainContainer tw="min-h-[100vh] w-[100vw] md:w-[80vw] lg:w-[65vw] 2xl:w-[55vw]">
        <Section
         direction='col' 
         tw="w-full"