Fix: Blockbook not responding

src/common/store/constants.ts

@@ -285,6 +285,7 @@ export enum PegStatus {
   ERROR_NOT_A_PEGIN = 'ERROR_NOT_A_PEGIN',
   ERROR_BELOW_MIN = 'ERROR_BELOW_MIN',
   ERROR_UNEXPECTED = 'ERROR_UNEXPECTED',
+  BLOCKBOOK_FAILED = 'BLOCKBOOK_FAILED',
 }
 
 export enum FlyoverStatus {

src/common/types/store.ts

@@ -98,6 +98,7 @@ export enum TxStatusType {
   UNEXPECTED_ERROR = 'UNEXPECTED_ERROR',
   UNSET_STATUS = 'UNSET_STATUS',
   NOT_FOUND = 'NOT_FOUND',
+  BLOCKBOOK_FAILED = 'BLOCKBOOK_FAILED',
 }
 
 export interface TxStatus {

src/common/utils/utils.ts

@@ -287,6 +287,11 @@ export function setStatusMessage(txType: string, status: string): TxStatusMessag
       error = true;
       errorMessage = 'The input transaction is not valid, please check it and try again';
       break;
+    case TxStatusType.BLOCKBOOK_FAILED:
+      activeMessageStyle = 'statusRejected';
+      error = true;
+      errorMessage = 'Blockbook service is not responding';
+      break;
     default:
       error = true;
       errorMessage = 'The input transaction is not valid, please check it and try again';

src/status/store/getters.ts

@@ -16,6 +16,7 @@ export const getters: GetterTree<TxStatus, RootState> = {
         || state.txDetails.status === constants.PegStatus.ERROR_BELOW_MIN
         || state.txDetails.status === constants.PegStatus.REJECTED_NO_REFUND
         || state.txDetails.status === constants.PegStatus.REJECTED_REFUND
+        || state.type === TxStatusType.BLOCKBOOK_FAILED
         || state.type === TxStatusType.UNEXPECTED_ERROR;
     }
     return isRejected;

src/status/views/Status.vue

@@ -93,6 +93,7 @@ export default defineComponent({
 
     const invalidData = computed(() => status.value.type === TxStatusType.INVALID_DATA);
     const unexpectedError = computed(() => status.value.type === TxStatusType.UNEXPECTED_ERROR);
+    const blockBookError = computed(() => status.value.type === TxStatusType.BLOCKBOOK_FAILED);
 
     const isFlyover = computed((): boolean => status.value.type === TxStatusType.FLYOVER_PEGOUT
       || status.value.type === TxStatusType.FLYOVER_PEGIN);
@@ -101,14 +102,21 @@ export default defineComponent({
 
     const txNotFound = computed((): boolean => invalidData.value
       || unexpectedError.value
-      || quoteNotFound.value);
+      || quoteNotFound.value
+      || blockBookError.value);
 
     const isRejected = computed(() => status.value.txDetails?.status === 'REJECTED' || txNotFound.value);
 
     const rejectionMsg = computed(() => {
       const details = txDetails.value as PegoutStatusDataModel;
       const { LOW_AMOUNT, CALLER_CONTRACT, FEE_ABOVE_VALUE } = constants.RejectedPegoutReasons;
-      if (txNotFound.value) return 'Your transaction is not processed yet, search again in a few minutes';
+      if (txNotFound.value) {
+        if (blockBookError.value) {
+          return 'We are experiencing technical issues and therefore were unable to retrieve and'
+            + ' display the transaction status. Please try again later.';
+        }
+        return 'Your transaction is not processed yet, search again in a few minutes';
+      }
       switch (details.reason) {
         case LOW_AMOUNT:
           return 'The transaction was rejected because the amount is less than the minimum required.';