add explore to mobile nav, fix fdv and borrow rate

blockworks-foundation · Dec 17, 2023 · 012434e · 012434e
1 parent 76d4642
commit 012434e
Show file tree

Hide file tree

Showing 5 changed files with 28,421 additions and 11 deletions.
diff --git a/app/(pages)/token/[slug]/page.tsx b/app/(pages)/token/[slug]/page.tsx
@@ -136,7 +136,7 @@ async function TokenPage({ params }: TokenPageProps) {
           <TokenInfo
             coingeckoData={coingeckoData}
             tokenPageData={tokenPageData}
-            volume={birdeyeData?.v24hUSD}
+            birdeyeData={birdeyeData}
           />
         </div>
       </div>

diff --git a/app/components/explore/token-page/TokenInfo.tsx b/app/components/explore/token-page/TokenInfo.tsx
@@ -12,16 +12,17 @@ import {
   DocumentDuplicateIcon,
 } from '@heroicons/react/20/solid'
 import Link from 'next/link'
+import { BirdeyeOverviewData } from '../../../types/birdeye'
 dayjs.extend(relativeTime)
 
 const TokenInfo = ({
   coingeckoData,
   tokenPageData,
-  volume,
+  birdeyeData,
 }: {
   coingeckoData: CoingeckoData | undefined
   tokenPageData: TokenPageWithData
-  volume: number | undefined
+  birdeyeData: BirdeyeOverviewData | undefined
 }) => {
   const { mint, tags } = tokenPageData
   const [copied, setCopied] = useState(false)
@@ -61,7 +62,11 @@ const TokenInfo = ({
         />
         <KeyValuePair
           label="24h Volume"
-          value={volume ? `$${numberCompacter.format(volume)}` : '–'}
+          value={
+            birdeyeData?.v24hUSD
+              ? `$${numberCompacter.format(birdeyeData?.v24hUSD)}`
+              : '–'
+          }
         />
         <KeyValuePair
           label="Market cap"
@@ -80,11 +85,13 @@ const TokenInfo = ({
         <KeyValuePair
           label="Fully diluted value"
           value={
-            coingeckoData?.market_data?.fully_diluted_valuation?.usd
-              ? `$${numberCompacter.format(
-                  coingeckoData.market_data.fully_diluted_valuation.usd,
-                )}`
-              : '–'
+            birdeyeData?.mc
+              ? `$${numberCompacter.format(birdeyeData.mc)}`
+              : coingeckoData?.market_data?.fully_diluted_valuation?.usd
+                ? `$${numberCompacter.format(
+                    coingeckoData.market_data.fully_diluted_valuation.usd,
+                  )}`
+                : '–'
           }
         />
         <KeyValuePair

diff --git a/app/components/explore/token-page/TokenMangoStats.tsx b/app/components/explore/token-page/TokenMangoStats.tsx
@@ -26,7 +26,7 @@ const TokenMangoStats = ({
     ? (mangoData.deposit_rate * 100).toFixed(2)
     : '–'
   const borrowRate = !isNaN(mangoData?.borrow_rate)
-    ? (mangoData.borrow_rate * 100).toFixed(2)
+    ? (mangoData.borrow_rate * 100 + 0.5).toFixed(2)
     : '–'
   const available = !isNaN(mangoData?.available)
     ? numberCompacter.format(mangoData.available)

diff --git a/app/components/navigation/MobileNavigation.tsx b/app/components/navigation/MobileNavigation.tsx
@@ -46,6 +46,29 @@ const MenuPanel = ({
           </IconButton>
         </div>
         <div className="grid grid-cols-2 grid-row-flow gap-6 px-4">
+          <div>
+            <h4 className="px-4 mb-2">Explore</h4>
+            <NavigationItemLink
+              path="/explore"
+              onClick={closeOnClick}
+              title="All"
+            />
+            <NavigationItemLink
+              path="/explore/defi"
+              onClick={closeOnClick}
+              title="DeFi"
+            />
+            <NavigationItemLink
+              path="/explore/meme"
+              onClick={closeOnClick}
+              title="Meme"
+            />
+            <NavigationItemLink
+              path="/explore/exchange"
+              onClick={closeOnClick}
+              title="Exchange"
+            />
+          </div>
           <div>
             <h4 className="px-4 mb-2">Developers</h4>
             <NavigationItemLink

diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo