Merge pull request #450 from DeXter-on-Radix/restylianos/trade-histor…

…y-reset

[Fix]: Remove trade history on log out

src/app/components/NavBar.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import Link from "next/link";
 
@@ -11,6 +11,8 @@ import { i18nSlice } from "../state/i18nSlice";
 import Cookies from "js-cookie";
 import { usePathname } from "next/navigation";
 import { isMobile } from "../utils";
+import { accountHistorySlice } from "state/accountHistorySlice";
+import { pairSelectorSlice } from "state/pairSelectorSlice";
 
 interface NavbarItemProps {
   title: string;
@@ -32,6 +34,23 @@ const NavItems: { path: string; title: string }[] = [
 ];
 
 export function Navbar() {
+  const dispatch = useAppDispatch();
+
+  useEffect(() => {
+    const radixConnectButton = document.querySelector("radix-connect-button")!;
+    // Trigger disconnect actions
+    const handleDisconnect = () => {
+      dispatch(accountHistorySlice.actions.resetAccountHistory());
+      dispatch(pairSelectorSlice.actions.resetBalances());
+    };
+
+    radixConnectButton.addEventListener("onDisconnect", handleDisconnect);
+
+    return () => {
+      radixConnectButton.removeEventListener("onDisconnect", handleDisconnect);
+    };
+  }, [dispatch]);
+
   return (
     <nav
       className={

src/app/state/accountHistorySlice.ts

@@ -112,6 +112,9 @@ export const accountHistorySlice = createSlice({
       const adexState = action.payload;
       state.trades = adexState.currentPairTrades;
     },
+    resetAccountHistory: () => {
+      return initialState;
+    },
     setSelectedTable: (state, action: PayloadAction<Tables>) => {
       state.selectedTable = action.payload;
     },

src/app/state/pairSelectorSlice.ts

@@ -143,6 +143,20 @@ export const pairSelectorSlice = createSlice({
         state.token2 = { ...state.token2, balance };
       }
     },
+    resetBalances: (state: PairSelectorState) => {
+      const [token1State, token2State] = [
+        { ...state.token1 },
+        { ...state.token2 },
+      ];
+      delete token1State.balance;
+      delete token2State.balance;
+
+      return {
+        ...state,
+        ["token1"]: token1State,
+        ["token2"]: token2State,
+      };
+    },
   },
 
   extraReducers: (builder) => {