style: improve deposit style + link inside menu

jumperexchange · Dec 26, 2024 · bd6699b · bd6699b
1 parent bde7bf6
commit bd6699b
Show file tree

Hide file tree

Showing 9 changed files with 348 additions and 260 deletions.
diff --git a/.env.development b/.env.development
@@ -22,4 +22,4 @@ NEXT_PUBLIC_LIFI_API_KEY=
 NEXT_PUBLIC_JUMPER_API=http://localhost:3001
 NEXT_REVALIDATION_SECRET=
 NEXT_PUBLIC_SOLANA_RPC_URI=https://api.devnet.solana.com
-WASH_HANDSHAKE=
+WASH_HANDSHAKE=
diff --git a/.env.localhost b/.env.localhost
@@ -21,4 +21,4 @@ NEXT_PUBLIC_LIFI_API_KEY=
 NEXT_PUBLIC_JUMPER_API=http://localhost:3001
 NEXT_REVALIDATION_SECRET=
 NEXT_PUBLIC_SOLANA_RPC_URI=https://api.devnet.solana.com
-WASH_HANDSHAKE=secure-key
+WASH_HANDSHAKE=secure-key
diff --git a/...mponents/Berachain/components/BerachainTransactionDetails/BerachainTransactionDetails.tsx b/...mponents/Berachain/components/BerachainTransactionDetails/BerachainTransactionDetails.tsx
@@ -90,7 +90,7 @@ function BerachainTransactionDetails({
             width: '100%',
           }}
         >
-          <Typography>Transaction Details</Typography>
+          <Typography>Market Details</Typography>
           {!open ? <ArrowDropDown /> : <ArrowDropUp />}
         </Box>
       </AccordionSummary>
@@ -145,7 +145,7 @@ function BerachainTransactionDetails({
            * @info Reward Style
            * @condition Recipe Market
            */}
-          {market.market_type === RoycoMarketType.recipe.value && (
+          {/* {market.market_type === RoycoMarketType.recipe.value && (
             <InfoCard.Row>
               <InfoCard.Row.Key>Reward Style</InfoCard.Row.Key>
               <InfoCard.Row.Value>
@@ -186,7 +186,7 @@ function BerachainTransactionDetails({
                 </Tooltip>
               </InfoCard.Row.Value>
             </InfoCard.Row>
-          )}
+          )} */}
           {/**
            * @info Incentives
            */}
@@ -228,38 +228,38 @@ function BerachainTransactionDetails({
            * @info TVL
            */}
           {
-            <InfoCard.Row>
-              <InfoCard.Row.Key>TVL</InfoCard.Row.Key>
-              <InfoCard.Row.Value>
-                <Typography
-                  variant="body2"
-                  color="textSecondary"
-                  component="span"
-                >
-                  {Intl.NumberFormat('en-US', {
-                    style: 'currency',
-                    currency: 'USD',
-                    notation: 'standard',
-                    useGrouping: true,
-                  }).format(market.locked_quantity_usd ?? 0)}
-                </Typography>
-                <Tooltip
-                  title={
-                    market.market_type === RoycoMarketType.recipe.value
-                      ? 'Value of all input tokens locked inside weiroll wallets'
-                      : 'Value of all input tokens deposited in underlying vault through Royco'
-                  }
-                  placement="top"
-                  enterTouchDelay={0}
-                  arrow
-                >
-                  <InfoIcon
-                    htmlColor="white"
-                    sx={{ cursor: 'help', marginX: 1 }}
-                  />
-                </Tooltip>
-              </InfoCard.Row.Value>
-            </InfoCard.Row>
+            // <InfoCard.Row>
+            //   <InfoCard.Row.Key>TVL</InfoCard.Row.Key>
+            //   <InfoCard.Row.Value>
+            //     <Typography
+            //       variant="body2"
+            //       color="textSecondary"
+            //       component="span"
+            //     >
+            //       {Intl.NumberFormat('en-US', {
+            //         style: 'currency',
+            //         currency: 'USD',
+            //         notation: 'standard',
+            //         useGrouping: true,
+            //       }).format(market.locked_quantity_usd ?? 0)}
+            //     </Typography>
+            //     <Tooltip
+            //       title={
+            //         market.market_type === RoycoMarketType.recipe.value
+            //           ? 'Value of all input tokens locked inside weiroll wallets'
+            //           : 'Value of all input tokens deposited in underlying vault through Royco'
+            //       }
+            //       placement="top"
+            //       enterTouchDelay={0}
+            //       arrow
+            //     >
+            //       <InfoIcon
+            //         htmlColor="white"
+            //         sx={{ cursor: 'help', marginX: 1 }}
+            //       />
+            //     </Tooltip>
+            //   </InfoCard.Row.Value>
+            // </InfoCard.Row>
           }
           <InfoCard.Row>
             <InfoCard.Row.Key>Input Token</InfoCard.Row.Key>

diff --git a/src/components/Berachain/components/BerachainWidget/BerachainWidget.tsx b/src/components/Berachain/components/BerachainWidget/BerachainWidget.tsx
@@ -120,7 +120,6 @@ export const BerachainWidget = ({
         {tab === 1 && (
           <Box sx={{ marginTop: theme.spacing(1.5) }}>
             <InfoBlock market={market} />
-            <BerachainTransactionDetails type="deposit" market={market} />
             <DepositWidget
               market={market}
               chain={chain}
@@ -137,6 +136,7 @@ export const BerachainWidget = ({
                 },
               }}
             />
+            <BerachainTransactionDetails type="deposit" market={market} />
           </Box>
         )}
         {tab === 2 && (