clearLocalStorageFailedTx function

src/components/TransactionsTab/TransactionsTab.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useRef, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { useDispatch } from "react-redux";
 
 import { chainCurrencies, chainNames } from "@airswap/constants";
 import { TokenInfo } from "@airswap/types";
@@ -12,7 +13,10 @@ import { AnimatePresence, useReducedMotion } from "framer-motion";
 
 import { nativeCurrencyAddress } from "../../constants/nativeCurrency";
 import { BalancesState } from "../../features/balances/balancesSlice";
-import { setTransactions, SubmittedTransaction } from "../../features/transactions/transactionsSlice";
+import {
+  setTransactions,
+  SubmittedTransaction,
+} from "../../features/transactions/transactionsSlice";
 import useAddressOrEnsName from "../../hooks/useAddressOrEnsName";
 import { useKeyPress } from "../../hooks/useKeyPress";
 import useMediaQuery from "../../hooks/useMediaQuery";
@@ -40,11 +44,10 @@ import {
   MobileWalletInfoButton,
   StyledWalletMobileMenu,
   BackdropFilter,
-  ClearFailedTxButton
+  ClearFailedTxButton,
 } from "./TransactionsTab.styles";
-import { clearLocalStorage } from "./helpers/clearLocalStorage";
+import { clearLocalStorageFailedTx } from "./helpers/clearLocalStorageFailedTx";
 import AnimatedWalletTransaction from "./subcomponents/AnimatedWalletTransaction/AnimatedWalletTransaction";
-import { useDispatch } from "react-redux";
 
 type TransactionsTabType = {
   address: string;
@@ -157,7 +160,7 @@ const TransactionsTab = ({
 
   const handleClearTransactions = () => {
     // dispatch(setTransactions(null));
-    clearLocalStorage();
+    clearLocalStorageFailedTx(address);
   };
 
   return (

src/components/TransactionsTab/helpers/clearLocalStorageFailedTx.ts

@@ -0,0 +1,19 @@
+export const clearLocalStorageFailedTx = (address: string) => {
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i);
+    const localStorageKey = `airswap/transactions/${address}`
+    if (key?.includes(localStorageKey)) {
+      const keysWithTransactions = localStorage.getItem(key)
+      if (keysWithTransactions) {
+        const objectKeys = JSON.parse(keysWithTransactions);
+        const orders = objectKeys.all;
+        const filteredOrders = orders.filter((order: any) => {
+          return order.status !== 'failed'
+        });
+        const updatedKeys = JSON.stringify({ all: filteredOrders })
+
+        localStorage.setItem(key, updatedKeys);
+      }
+    }
+  }
+};