feat: display faucet error message

hirosystems · Oct 21, 2023 · aa37059 · aa37059
1 parent 47e1fd0
commit aa37059
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/app/sandbox/faucet/page.tsx b/src/app/sandbox/faucet/page.tsx
@@ -12,6 +12,24 @@ import { useMutation } from '@tanstack/react-query';
 
 import { useUser } from '../hooks/useUser';
 
+function getErrorMessage(error: any) {
+  if (!error) return '';
+  const defaultErrorMessage = 'Something went wrong, please try again later.';
+  if (!!error?.message) {
+    return error.message;
+  }
+  if (!!error?.status) {
+    switch (error.status) {
+      case 429:
+        return 'Too many requests, please try again later.';
+      default:
+        return defaultErrorMessage;
+    }
+  } else {
+    return defaultErrorMessage;
+  }
+}
+
 const Faucet: NextPage = () => {
   const { faucetsApi } = useApi();
   const { stxAddress } = useUser();
@@ -24,7 +42,7 @@ const Faucet: NextPage = () => {
   } = useMutation((staking?: boolean) =>
     faucetsApi.runFaucetStx({ address: stxAddress, ...(staking ? { staking: true } : {}) })
   );
-  const errorMessage = isError && error instanceof Error ? error.message : '';
+  const errorMessage = getErrorMessage(error);
   const handleStackingRequest = () => {
     if (stackingIndex <= 3) {
       setIndex(i => ++i);