imported getFitleredFailedTransactions and used in handleClearFailedT…

…ransactions
airswap · Jun 29, 2023 · da29a90 · da29a90
1 parent a39abfe
commit da29a90
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/TransactionsTab/TransactionsTab.tsx b/src/components/TransactionsTab/TransactionsTab.tsx
@@ -47,8 +47,9 @@ import {
   BackdropFilter,
   ClearFailedTxButton,
 } from "./TransactionsTab.styles";
-import AnimatedWalletTransaction from "./subcomponents/AnimatedWalletTransaction/AnimatedWalletTransaction";
 import { clearLocalStorageFailedTx } from "./helpers/clearLocalStorageFailedTx";
+import AnimatedWalletTransaction from "./subcomponents/AnimatedWalletTransaction/AnimatedWalletTransaction";
+import { getFitleredFailedTransactions } from "./helpers/getFitleredFailedTransactions";
 
 type TransactionsTabType = {
   address: string;
@@ -159,8 +160,9 @@ const TransactionsTab = ({
   const balance = balances.values[nativeCurrencyAddress] || "0";
 
   const handleClearFailedTransactions = () => {
-    dispatch(setTransactions(null));
-    clearLocalStorageFailedTx(address)
+    const filteredTransactions = getFitleredFailedTransactions(transactions)
+    dispatch(setTransactions({ all: filteredTransactions }));
+    clearLocalStorageFailedTx(address);
   };
 
   return (