add restore history button (#900)

sora-xor · Dec 26, 2022 · 2695e80 · 2695e80
1 parent e7d3564
commit 2695e80
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/src/store/bridge/actions.ts b/src/store/bridge/actions.ts
@@ -93,7 +93,7 @@ const actions = defineActions({
     return bridgeHistory;
   },
   // TODO: Need to restore transactions for all networks
-  async updateHistory(context): Promise<void> {
+  async updateHistory(context, clearHistory = false): Promise<void> {
     const { commit, state, dispatch, rootState, rootGetters } = bridgeActionContext(context);
     if (state.historyLoading) return;
 
@@ -109,6 +109,10 @@ const actions = defineActions({
     const contracts = compact(contractsArray);
     const updateCallback = () => commit.setHistory();
 
+    if (clearHistory) {
+      await bridgeHistory.clearHistory(updateCallback);
+    }
+
     await bridgeHistory.updateAccountHistory(address, assets, networkFees, contracts, updateCallback);
 
     commit.setHistoryLoading(false);

diff --git a/src/utils/bridge/history.ts b/src/utils/bridge/history.ts
@@ -188,6 +188,12 @@ export class EthBridgeHistory {
     return history as HistoryElement[];
   }
 
+  public async clearHistory(updateCallback?: FnWithoutArgs | AsyncFnWithoutArgs): Promise<void> {
+    this.historySyncTimestamp = 0;
+    bridgeApi.clearHistory();
+    await updateCallback?.();
+  }
+
   public async updateAccountHistory(
     address: string,
     assets: Record<string, Asset>,

diff --git a/src/views/BridgeTransactionsHistory.vue b/src/views/BridgeTransactionsHistory.vue
@@ -1,7 +1,15 @@
 <template>
   <div class="history-container">
     <s-card v-loading="parentLoading" class="history-content" border-radius="medium" shadow="always" primary>
-      <generic-page-header has-button-back :title="t('bridgeHistory.title')" @back="handleBack" />
+      <generic-page-header has-button-back :title="t('bridgeHistory.title')" @back="handleBack">
+        <s-button
+          type="action"
+          icon="arrows-swap-90-24"
+          :disabled="historyLoading"
+          :tooltip="t('bridgeHistory.restoreHistory')"
+          @click="updateHistory(true)"
+        />
+      </generic-page-header>
       <s-form class="history-form" :show-message="false">
         <search-input
           v-if="history.length"
@@ -94,8 +102,8 @@ export default class BridgeTransactionsHistory extends Mixins(
   mixins.NumberFormatterMixin
 ) {
   @state.assets.registeredAssets private registeredAssets!: Array<RegisteredAccountAsset>;
-
-  @action.bridge.updateHistory private updateHistory!: AsyncFnWithoutArgs;
+  @state.bridge.historyLoading historyLoading!: boolean;
+  @action.bridge.updateHistory private updateHistory!: (clearHistory?: boolean) => Promise<void>;
 
   @getter.bridge.historyPage historyPage!: number;