From c072fb81bfe4b8b3b45c9321a11ce7033017101c Mon Sep 17 00:00:00 2001
From: raschel <38816784+aymericdelab@users.noreply.github.com>
Date: Thu, 15 Aug 2024 16:51:27 +0200
Subject: [PATCH] fix #1255 (#1270)

---
 client/src/ui/components/bank/BankList.tsx     | 18 +++++++++---------
 .../src/ui/components/trading/MarketModal.tsx  |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/ui/components/bank/BankList.tsx b/client/src/ui/components/bank/BankList.tsx
index ab2233aac..c4db6a139 100644
--- a/client/src/ui/components/bank/BankList.tsx
+++ b/client/src/ui/components/bank/BankList.tsx
@@ -7,15 +7,16 @@ import { useMemo, useState } from "react";
 import AddLiquidity from "./AddLiquidity";
 import { LiquidityTable } from "./LiquidityTable";
 import { ResourceSwap } from "./Swap";
+import { ID } from "@bibliothecadao/eternum";
 
 type BankListProps = {
-  entity: any;
+  entityId: ID;
 };
 
-export const BankPanel = ({ entity }: BankListProps) => {
+export const BankPanel = ({ entityId }: BankListProps) => {
   const {
     setup: {
-      components: { Position, Owner },
+      components: { Position },
     },
   } = useDojo();
 
@@ -24,8 +25,7 @@ export const BankPanel = ({ entity }: BankListProps) => {
   const { playerRealms } = useEntities();
 
   const realmEntityId = playerRealms()[0].entity_id!;
-  const owner = getComponentValue(Owner, getEntityIdFromKeys([entity.id]));
-  const position = getComponentValue(Position, getEntityIdFromKeys([entity.id]));
+  const position = getComponentValue(Position, getEntityIdFromKeys([BigInt(entityId)]));
 
   const tabs = useMemo(
     () => [
@@ -36,7 +36,7 @@ export const BankPanel = ({ entity }: BankListProps) => {
             <div>Swap</div>
           </div>
         ),
-        component: <ResourceSwap bankEntityId={entity.id} entityId={realmEntityId} />,
+        component: <ResourceSwap bankEntityId={entityId} entityId={realmEntityId} />,
       },
       {
         key: "all",
@@ -47,7 +47,7 @@ export const BankPanel = ({ entity }: BankListProps) => {
         ),
         component: (
           <div className="w-1/2 mx-auto">
-            <AddLiquidity bank_entity_id={entity.id} entityId={realmEntityId!} />
+            <AddLiquidity bank_entity_id={entityId} entityId={realmEntityId!} />
           </div>
         ),
       },
@@ -58,10 +58,10 @@ export const BankPanel = ({ entity }: BankListProps) => {
   const liquidityTable = useMemo(() => {
     return (
       <div className="mt-4">
-        <LiquidityTable bank_entity_id={entity.id} entity_id={realmEntityId} />
+        <LiquidityTable bank_entity_id={entityId} entity_id={realmEntityId} />
       </div>
     );
-  }, [entity.id, realmEntityId]);
+  }, [entityId, realmEntityId]);
 
   return (
     <div className="m-4">
diff --git a/client/src/ui/components/trading/MarketModal.tsx b/client/src/ui/components/trading/MarketModal.tsx
index 8ef07cb1f..71d3d6f03 100644
--- a/client/src/ui/components/trading/MarketModal.tsx
+++ b/client/src/ui/components/trading/MarketModal.tsx
@@ -61,7 +61,7 @@ export const MarketModal = () => {
             <div>AMM</div>
           </div>
         ),
-        component: bank && <BankPanel entity={{ id: bank.entityId }} />,
+        component: bank && <BankPanel entityId={bank.entityId} />,
       },
       {
         key: "all",