fix(app): fix mainnet accounts browsing

palladians · Nov 15, 2023 · 945d9b2 · 945d9b2
1 parent a6b76f9
commit 945d9b2
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 21 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -18,7 +18,12 @@ export const generateMetadata = async (): Promise<Metadata> => {
 const HomePage = async () => {
   const t = await getT()
   const locale = getLocale()
-  const coinData = await fetchCoinData({ locale })
+  let coinData
+  try {
+    coinData = await fetchCoinData({ locale })
+  } catch {
+    coinData = { prices: [], marketCaps: [] }
+  }
   return (
     <main className="flex-1 flex flex-col">
       <div className="flex flex-col gap-4 md:gap-8">

diff --git a/src/components/dashboard/quick-stats.tsx b/src/components/dashboard/quick-stats.tsx
@@ -22,13 +22,13 @@ export const QuickStats = async ({
 }: QuickStatsProps) => {
   const t = await getT()
   const priceDelta =
-    prices[6].price &&
-    Math.abs(Number(prices[6].price) - Number(prices[5].price)) /
-      Number(prices[6].price)
+    prices?.[6]?.price &&
+    Math.abs(Number(prices?.[6]?.price) - Number(prices?.[5]?.price)) /
+      Number(prices?.[6]?.price)
   const capDelta =
-    marketCaps[6].cap &&
-    Math.abs(Number(marketCaps[6].cap) - Number(marketCaps[5].cap)) /
-      Number(marketCaps[6].cap)
+    marketCaps?.[6]?.cap &&
+    Math.abs(Number(marketCaps?.[6]?.cap) - Number(marketCaps?.[5]?.cap)) /
+      Number(marketCaps?.[6]?.cap)
   return (
     <div className="flex gap-4 md:gap-8 md:flex-row flex-col">
       <Card className="flex flex-col flex-1 gap-4 p-4">
@@ -38,16 +38,17 @@ export const QuickStats = async ({
               {t('dashboard.minaPrice')}
             </h3>
             <p className="text-xl font-semibold">
-              {formatCurrency({
-                value: Number(prices[6].price),
-                locale,
-                currency: 'USD'
-              })}
+              {prices?.[6]?.price &&
+                formatCurrency({
+                  value: Number(prices?.[6]?.price),
+                  locale,
+                  currency: 'USD'
+                })}
             </p>
           </div>
           <Badge variant="outline">
             {ONE_DAY_CHANGE}
-            {prices[6].price > prices[5].price ? '+' : '-'}
+            {prices?.[6]?.price > prices?.[5]?.price ? '+' : '-'}
             {toPercent(priceDelta || 0)}
           </Badge>
         </div>
@@ -60,17 +61,18 @@ export const QuickStats = async ({
               {t('dashboard.minaMarketCap')}
             </h3>
             <p className="text-xl font-semibold">
-              {formatCurrency({
-                value: Number(marketCaps[6].cap),
-                locale,
-                compact: true,
-                currency: 'USD'
-              })}
+              {prices?.[6]?.price &&
+                formatCurrency({
+                  value: Number(marketCaps?.[6]?.cap),
+                  locale,
+                  compact: true,
+                  currency: 'USD'
+                })}
             </p>
           </div>
           <Badge variant="outline">
             {ONE_DAY_CHANGE}
-            {marketCaps[6].cap > marketCaps[5].cap ? '+' : '-'}
+            {marketCaps?.[6]?.cap > marketCaps?.[5]?.cap ? '+' : '-'}
             {toPercent(capDelta || 0)}
           </Badge>
         </div>

diff --git a/src/data/api.ts b/src/data/api.ts
@@ -29,7 +29,7 @@ export const GqlUrl = {
 }
 
 export const ProxyUrl = {
-  [Network.MAINNET]: appUrl(`/proxy`),
+  [Network.MAINNET]: appUrl(`/proxy/graphql`),
   [Network.DEVNET]: appUrl(`/devnet/proxy`),
   [Network.BERKELEY]: appUrl(`/berkeley/proxy`),
   [Network.TESTWORLD]: appUrl(`/testworld/proxy`)