fix: fix when empty price from coingecko

pradel · Oct 22, 2024 · 25ac83b · 25ac83b
1 parent a1d4909
commit 25ac83b
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 12 deletions.
diff --git a/.changeset/silver-ligers-repair.md b/.changeset/silver-ligers-repair.md
@@ -0,0 +1,5 @@
+---
+"stackspulse": patch
+---
+
+Fix tokens page when empty price returned from Coingecko.
diff --git a/apps/server/src/api/tokens/markets.get.ts b/apps/server/src/api/tokens/markets.get.ts
@@ -6,9 +6,9 @@ type CoingeckoCoinsMarketsResponse = {
   symbol: string;
   name: string;
   image: string;
-  current_price: number;
-  market_cap: number;
-  price_change_percentage_24h: number;
+  current_price?: number;
+  market_cap?: number;
+  price_change_percentage_24h?: number;
 }[];
 
 type TokensMarketsRouteResponse = CoingeckoCoinsMarketsResponse;

diff --git a/apps/web/src/app/tokens/page.tsx b/apps/web/src/app/tokens/page.tsx
@@ -58,16 +58,20 @@ export default async function ProtocolPage() {
                 )}
               </Table.Cell>
               <Table.Cell align="right">
-                $
-                {market.current_price.toLocaleString("en-US", {
-                  maximumFractionDigits: 12,
-                })}
+                {market.current_price
+                  ? `$${market.current_price.toLocaleString("en-US", {
+                      maximumFractionDigits: 12,
+                    })}`
+                  : ""}
               </Table.Cell>
               <Table.Cell align="right">
                 <Text
                   size="2"
                   color={
-                    market.price_change_percentage_24h >= 0 ? "green" : "red"
+                    market.price_change_percentage_24h &&
+                    market.price_change_percentage_24h >= 0
+                      ? "green"
+                      : "red"
                   }
                 >
                   {market.price_change_percentage_24h
@@ -81,7 +85,9 @@ export default async function ProtocolPage() {
                 </Text>
               </Table.Cell>
               <Table.Cell align="right">
-                ${market.market_cap.toLocaleString("en-US")}
+                {market.market_cap
+                  ? `$${market.market_cap.toLocaleString("en-US")}`
+                  : ""}
               </Table.Cell>
             </Table.Row>
           ))}

diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts
@@ -85,9 +85,9 @@ type CoingeckoCoinsMarketsResponse = {
   symbol: string;
   name: string;
   image: string;
-  current_price: number;
-  market_cap: number;
-  price_change_percentage_24h: number;
+  current_price?: number;
+  market_cap?: number;
+  price_change_percentage_24h?: number;
 }[];
 
 export type TokensMarketsRouteResponse = CoingeckoCoinsMarketsResponse;