refactor: set accordion key per profile

ArdentHQ · Nov 14, 2024 · d2ec495 · d2ec495
1 parent ad3a95b
commit d2ec495
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/domains/wallet/components/WalletsGroup/WalletsGroup.contracts.ts b/src/domains/wallet/components/WalletsGroup/WalletsGroup.contracts.ts
@@ -1,5 +1,6 @@
 import { Networks } from "@ardenthq/sdk";
 import { Contracts } from "@ardenthq/sdk-profiles";
+import { IProfile } from "@ardenthq/sdk-profiles/distribution/esm/profile.contract";
 import React from "react";
 
 export interface MaxWidthReferences {
@@ -11,6 +12,7 @@ export interface WalletsGroupProperties {
 	network: Networks.Network;
 	wallets: Contracts.IReadWriteWallet[];
 	maxWidthReferences: MaxWidthReferences;
+	profileId: string;
 }
 
 export interface WalletsGroupHeaderProperties {

diff --git a/src/domains/wallet/components/WalletsGroup/WalletsGroup.test.tsx b/src/domains/wallet/components/WalletsGroup/WalletsGroup.test.tsx
@@ -246,6 +246,7 @@ describe("WalletsGroup", () => {
 					balance: balanceWidthReference.current,
 					currency: currencyWidthReference.current,
 				}}
+				profileId={"1"}
 			/>,
 		);
 

diff --git a/src/domains/wallet/components/WalletsGroup/WalletsGroup.tsx b/src/domains/wallet/components/WalletsGroup/WalletsGroup.tsx
@@ -7,8 +7,8 @@ import { useAccordion } from "@/app/hooks";
 
 const MAX_WALLETS_ON_DASHBOARD_LIST = 10;
 
-export const WalletsGroup: React.VFC<WalletsGroupProperties> = ({ network, wallets, maxWidthReferences }) => {
-	const { isExpanded, handleHeaderClick } = useAccordion(`wallets_group_${network.id()}`);
+export const WalletsGroup: React.VFC<WalletsGroupProperties> = ({ network, wallets, maxWidthReferences, profileId }) => {
+	const { isExpanded, handleHeaderClick } = useAccordion(`${profileId}_wallets_group_${network.id()}`);
 
 	return (
 		<AccordionWrapper data-testid="WalletsGroup" isCollapsed={!isExpanded} className="md:!mb-3">

diff --git a/src/domains/wallet/components/WalletsGroup/WalletsGroupsList.tsx b/src/domains/wallet/components/WalletsGroup/WalletsGroupsList.tsx
@@ -86,6 +86,7 @@ export const WalletsGroupsList = () => {
 					}
 					wallets={wallets}
 					maxWidthReferences={{ balance: balanceMaxWidthReference, currency: currencyMaxWidthReference }}
+					profileId={profile.id()}
 				/>
 			));
 		}