Display service unavailable error accordingly if returned from indexer

ref #2584
authgear · Oct 18, 2022 · a1e2e08 · a1e2e08
2 parents a3ff3da + 34c7c5a
commit a1e2e08
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 21 deletions.
diff --git a/portal/src/error/error.ts b/portal/src/error/error.ts
@@ -50,6 +50,11 @@ export interface TooManyRequestError {
   reason: "TooManyRequest";
 }
 
+export interface ServiceUnavailableError {
+  errorName: "ServiceUnavailable";
+  reason: "ServiceUnavailable";
+}
+
 export interface UnknownError {
   errorName: "Unknown";
   reason: "Unknown";
@@ -72,6 +77,7 @@ export type APIError =
   | UnknownError
   | LocalError
   | TooManyRequestError
+  | ServiceUnavailableError
   | WebHookDisallowedError
   | WebHookDeliveryTimeoutError
   | WebHookInvalidResponseError

diff --git a/portal/src/graphql/portal/Web3ConfigurationAddCollectionSection.tsx b/portal/src/graphql/portal/Web3ConfigurationAddCollectionSection.tsx
@@ -106,31 +106,38 @@ const Web3ConfigurationAddCollectionForm: React.VFC<AddCollectionSectionProps> =
           return;
         }
 
-        const probeResult = await probeCollection(contractID);
-        if (probeResult) {
-          setActiveDialog("largeCollection");
-          setIsLoading(false);
-          return;
-        }
+        try {
+          const probeResult = await probeCollection(contractID);
+          if (probeResult) {
+            setActiveDialog("largeCollection");
+            setIsLoading(false);
+            return;
+          }
 
-        const metadata = await fetchMetadata(contractID);
-        if (!metadata) {
-          setIsLoading(false);
-          return;
-        }
+          const metadata = await fetchMetadata(contractID);
+          if (!metadata) {
+            setIsLoading(false);
+            return;
+          }
 
-        if (metadata.tokenType === "erc1155" && !tokenIDs?.length) {
-          setActiveDialog("tokenTracking");
+          if (metadata.tokenType === "erc1155" && !tokenIDs?.length) {
+            setActiveDialog("tokenTracking");
+            setIsLoading(false);
+            return;
+          }
+
+          onAdd({
+            ...metadata,
+            createdAt: DateTime.now().toISO(),
+            tokenIDs: tokenIDs ?? [],
+            status: "pending",
+          });
+        } catch (_: unknown) {
+          // Error handled by parent component
           setIsLoading(false);
           return;
         }
 
-        onAdd({
-          ...metadata,
-          createdAt: DateTime.now().toISO(),
-          tokenIDs: tokenIDs ?? [],
-          status: "pending",
-        });
         setIsLoading(false);
         resetValues();
       },

diff --git a/portal/src/graphql/portal/Web3ConfigurationScreen.tsx b/portal/src/graphql/portal/Web3ConfigurationScreen.tsx
@@ -754,7 +754,10 @@ const Web3ConfigurationScreen: React.VFC = function Web3ConfigurationScreen() {
 
   const errorRules: ErrorParseRule[] = useMemo(() => {
     return [
-      makeReasonErrorParseRule("TooManyRequest", "errors.rate-limited"),
+      makeReasonErrorParseRule(
+        "ServiceUnavailable",
+        "errors.service-unavailable"
+      ),
       makeReasonErrorParseRule("BadNFTCollection", "errors.bad-nft-collection"),
     ];
   }, []);

diff --git a/portal/src/locale-data/en.json b/portal/src/locale-data/en.json
@@ -105,7 +105,7 @@
   "errors.invalid-address": "Please input a valid contract address.",
   "errors.invalid-token-id": "Please input a valid token ID.",
   "errors.duplicated-contract": "Duplicated contract address.",
-  "errors.rate-limited": "You have exceeded the rate limit. Please Try again later.",
+  "errors.service-unavailable": "Service Unavailable. Please Try again later.",
   "errors.bad-nft-collection": "This NFT collection is either not supported or is from another network.",
 
   "TodoButtonWrapper.dialog-title": "Feature Not Ready",