fix(maps-testnet): showing custom error message

hirosystems · Jun 26, 2024 · 35b6707 · 35b6707
1 parent b2cafe3
commit 35b6707
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 17 deletions.
diff --git a/src/app/_components/PageWrapper.tsx b/src/app/_components/PageWrapper.tsx
@@ -56,7 +56,7 @@ export function PageWrapper({
 }: {
   tokenPrice: TokenPrice;
   children: ReactNode;
-  statusBarContent: IncidentContent;
+  statusBarContent: IncidentContent | null;
 }) {
   const statusBarBg = useColorModeValue('black', 'white');
   return (

diff --git a/src/app/_components/StatusBar/CMSStatusBars.tsx b/src/app/_components/StatusBar/CMSStatusBars.tsx
@@ -7,11 +7,14 @@ import { Flex } from '../../../ui/Flex';
 import { useColorMode } from '../../../ui/hooks/useColorMode';
 import { StatusBarBase } from './StatusBarBase';
 
-export function CMSStatusBars({ statusBarContent }: { statusBarContent: IncidentContent }) {
+export function CMSStatusBars({ statusBarContent }: { statusBarContent: IncidentContent | null }) {
   const isTestnet = useGlobalContext().activeNetwork.mode === 'testnet';
-  const incidentsToShow = statusBarContent?.items?.filter(
-    alert => (alert.fields.showOnTestnet && isTestnet) || (alert.fields.showOnMainnet && !isTestnet)
-  );
+  const incidentsToShow = !statusBarContent
+    ? []
+    : statusBarContent?.items?.filter(
+        alert =>
+          (alert.fields.showOnTestnet && isTestnet) || (alert.fields.showOnMainnet && !isTestnet)
+      );
   const colorMode = useColorMode().colorMode;
   return (
     <Flex

diff --git a/src/app/getStatusBarContent.ts b/src/app/getStatusBarContent.ts
@@ -1,8 +1,10 @@
 import { CMS_URL } from '../common/constants/env';
 import { IncidentContent } from '../common/types/incidents';
 
-export async function getStatusBarContent(): Promise<IncidentContent> {
-  return fetch(CMS_URL, {
-    next: { revalidate: 60 }, // Revalidate every 1 minute
-  }).then(res => res.json());
+export async function getStatusBarContent(): Promise<IncidentContent | null> {
+  return CMS_URL
+    ? fetch(CMS_URL, {
+        next: { revalidate: 60 }, // Revalidate every 1 minute
+      }).then(res => res.json())
+    : Promise.resolve(null);
 }
diff --git a/src/app/signers/SignersMapComponent.tsx b/src/app/signers/SignersMapComponent.tsx
@@ -144,11 +144,7 @@ export function SignersMapComponentBase() {
 
 export function SignersMapComponent() {
   return (
-    <ExplorerErrorBoundary
-      Wrapper={Card}
-      wrapperProps={{ height: '100%', width: '100%' }}
-      tryAgainButton
-    >
+    <ExplorerErrorBoundary Wrapper={Card} wrapperProps={{ height: '100%', width: '100%' }}>
       <Suspense fallback={<SignersMapSkeleton />}>
         <SignersMapComponentBase />
       </Suspense>

diff --git a/src/app/signers/useSignerLocations.ts b/src/app/signers/useSignerLocations.ts
@@ -17,9 +17,11 @@ export function useSignersLocation() {
   return useSuspenseQuery<SignerLocation[]>({
     queryKey: [SIGNER_LOCATION_QUERY_KEY],
     queryFn: () =>
-      fetch(`https://assets.hiro.so/stacks/${activeNetwork.mode}/crawler/signer-nodes.json`).then(
-        res => res.json()
-      ),
+      fetch(`https://assets.hiro.so/stacks/${activeNetwork.mode}/crawler/signer-nodes.json`)
+        .then(res => res.json())
+        .catch(err => {
+          throw new Error('No signer location data available.');
+        }),
     staleTime: TEN_MINUTES,
   });
 }