Add message for the quote not found scenario

rsksmart · Dec 4, 2024 · 26baaf1 · 26baaf1
1 parent 671e574
commit 26baaf1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/src/common/types/store.ts b/src/common/types/store.ts
@@ -97,6 +97,7 @@ export enum TxStatusType {
   INVALID_DATA = 'INVALID_DATA',
   UNEXPECTED_ERROR = 'UNEXPECTED_ERROR',
   UNSET_STATUS = 'UNSET_STATUS',
+  NOT_FOUND = 'NOT_FOUND',
 }
 
 export interface TxStatus {

diff --git a/src/status/store/actions.ts b/src/status/store/actions.ts
@@ -96,7 +96,7 @@ export const actions: ActionTree<TxStatus, RootState> = {
         status = await rootState.flyoverPegout?.flyoverService.getPegoutStatus(quoteHash);
       }
     } catch (e) {
-      status = 'NOT_FOUND';
+      status = TxStatusType.NOT_FOUND;
     } finally {
       commit(constants.STATUS_SET_FLYOVER_STATUS, status);
     }

diff --git a/src/status/views/Status.vue b/src/status/views/Status.vue
@@ -26,7 +26,7 @@
                 :txNotFound="txNotFound" :txWithError="txWithError" />
       <tx-pegout v-if="isPegOut" :txId="txId" :isFlyover="isFlyover"
                 :txNotFound="txNotFound" :txWithError="txWithError" />
-      <status-progress-bar class="mt-4" v-if="txNotFound" :isFlyover="isFlyover"
+      <status-progress-bar v-if="invalidData || unexpectedError" class="mt-4" :isFlyover="isFlyover"
                 :txNotFound="txNotFound" :txWithError="txWithError" />
     </v-row>
     <v-row v-else>
@@ -91,8 +91,17 @@ export default defineComponent({
 
     const showStatus = computed(() => !loading.value);
 
-    const txNotFound = computed((): boolean => status.value.type === TxStatusType.INVALID_DATA
-    || status.value.type === TxStatusType.UNEXPECTED_ERROR);
+    const invalidData = computed(() => status.value.type === TxStatusType.INVALID_DATA);
+    const unexpectedError = computed(() => status.value.type === TxStatusType.UNEXPECTED_ERROR);
+
+    const isFlyover = computed((): boolean => status.value.type === TxStatusType.FLYOVER_PEGOUT
+      || status.value.type === TxStatusType.FLYOVER_PEGIN);
+    const quoteNotFound = computed(() => isFlyover.value
+      && status.value.flyoverStatus === TxStatusType.NOT_FOUND);
+
+    const txNotFound = computed((): boolean => invalidData.value
+      || unexpectedError.value
+      || quoteNotFound.value);
 
     const isRejected = computed(() => status.value.txDetails?.status === 'REJECTED' || txNotFound.value);
 
@@ -118,9 +127,6 @@ export default defineComponent({
     const isPegOut = computed((): boolean => status.value.type === TxStatusType.PEGOUT
       || status.value.type === TxStatusType.FLYOVER_PEGOUT);
 
-    const isFlyover = computed((): boolean => status.value.type === TxStatusType.FLYOVER_PEGOUT
-      || status.value.type === TxStatusType.FLYOVER_PEGIN);
-
     const showTimeLeft = computed((): boolean => {
       const details = txDetails.value as PegoutStatusDataModel;
       return status.value.type === TxStatusType.PEGOUT
@@ -234,6 +240,8 @@ export default defineComponent({
       txNotFound,
       txWithError,
       rejectionMsg,
+      invalidData,
+      unexpectedError,
     };
   },
 });