Hide notification automatically (#677)

* set txHash for success notification * change the timeout as 8s
AstarNetwork · Jan 30, 2023 · f4c88d8 · f4c88d8
1 parent f62b6b9
commit f4c88d8
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 0 deletions.
diff --git a/src/hooks/dapps-staking/useCompoundRewards.ts b/src/hooks/dapps-staking/useCompoundRewards.ts
@@ -97,6 +97,7 @@ export function useCompoundRewards() {
                 {
                   msg: t('dappStaking.toast.successfullySetRewardDest'),
                   alertType: 'success',
+                  txHash: result.txHash,
                 },
                 { root: true }
               );

diff --git a/src/hooks/dapps-staking/useUnbonding.ts b/src/hooks/dapps-staking/useUnbonding.ts
@@ -45,6 +45,7 @@ export function useUnbonding() {
               store.dispatch('general/showAlertMsg', {
                 msg: t('dappStaking.toast.successfullyWithdrew'),
                 alertType: 'success',
+                txHash: result.txHash,
               });
             }
             store.commit('general/setLoading', false);

diff --git a/src/hooks/useCustomSignature.ts b/src/hooks/useCustomSignature.ts
@@ -41,6 +41,7 @@ export function useCustomSignature({ fn, txType }: { fn?: () => void; txType?: T
             store.dispatch('general/showAlertMsg', {
               msg,
               alertType: 'success',
+              txHash: hash,
             });
             showLoading(store.dispatch, false);
 

diff --git a/src/hooks/useFaucet.ts b/src/hooks/useFaucet.ts
@@ -101,6 +101,7 @@ export function useFaucet(isModalFaucet?: Ref<boolean>) {
       store.dispatch('general/showAlertMsg', {
         msg,
         alertType: 'success',
+        txHash: data.hash,
       });
       hash.value = data.hash;
     } catch (e: any) {

diff --git a/src/store/general/actions.ts b/src/store/general/actions.ts
@@ -10,6 +10,10 @@ const actions: ActionTree<State, StateInterface> = {
       txHash,
     };
     commit('pushAlertMsg', alert);
+
+    setTimeout(() => {
+      commit('removeAlertMsg', 0);
+    }, 8000);
   },
   removeAlertMsg({ commit }, { index }) {
     commit('removeAlertMsg', index);