fix: catch error on getPegStatus to show it, and not load eternally

Author: annipi

src/common/types/environment-variables.ts

@@ -44,6 +44,8 @@ export class EnvironmentVariables {
 
   public cspConfiguration: string;
 
+  public apiResponseTimeout: number;
+
   public minFeeSatPerByte: {
     fast: number;
     average: number;
@@ -107,6 +109,8 @@ export class EnvironmentVariables {
     this.flyoverProviderId = Number(process.env.VUE_APP_FLYOVER_PROVIDER_ID)
       || defaultValues.flyoverProviderId;
     this.cspConfiguration = process.env.VUE_APP_CSP || defaultValues.cspConfiguration;
+    this.apiResponseTimeout = Number(process.env.VUE_APP_API_RESPONSE_TIMEOUT)
+      || defaultValues.apiResponseTimeout;
   }
 
   public get chainId(): number {

src/main.ts

@@ -35,6 +35,7 @@ const defaultEnvironmentVariables = {
   flyoverProviderId: 2,
   grecaptchaTime: constants.RECAPTCHA_NEW_TOKEN_TIME,
   cspConfiguration: 'https://testnet.lps.tekscapital.com https://staging.lps.tekscapital.com',
+  apiResponseTimeout: 5000,
 };
 
 EnvironmentAccessorService.initializeEnvironmentVariables(defaultEnvironmentVariables);

src/status/store/actions.ts

@@ -10,7 +10,7 @@ import { EnvironmentAccessorService } from '@/common/services/enviroment-accesso
 import * as constants from '@/common/store/constants';
 import { ApiService } from '@/common/services';
 import { BridgeService } from '@/common/services/BridgeService';
-import { getEstimatedFee } from '@/common/utils';
+import { getEstimatedFee, promiseWithTimeout } from '@/common/utils';
 
 export const actions: ActionTree<TxStatus, RootState> = {
   [constants.STATUS_CLEAR]: ({ commit }) => {
@@ -19,8 +19,14 @@ export const actions: ActionTree<TxStatus, RootState> = {
   [constants.STATUS_GET_TX_STATUS]:
     ({ commit, dispatch }, txId: string) => new Promise((resolve, reject) => {
       Promise.all([
-        ApiService.getTxStatus(txId),
-        dispatch(constants.STATUS_GET_ESTIMATED_FEE),
+        promiseWithTimeout(
+          ApiService.getTxStatus(txId),
+          EnvironmentAccessorService.getEnvironmentVariables().apiResponseTimeout,
+        ),
+        promiseWithTimeout(
+          dispatch(constants.STATUS_GET_ESTIMATED_FEE),
+          EnvironmentAccessorService.getEnvironmentVariables().apiResponseTimeout,
+        ),
       ])
         .then(([status]) => {
           commit(constants.STATUS_SET_TX_DETAILS, status.txDetails);

src/status/views/Status.vue

@@ -219,6 +219,9 @@ export default defineComponent({
         setTxStatus(txId.value)
           .then(() => {
             loading.value = false;
+          })
+          .catch(() => {
+            loading.value = false;
           });
       }
     }