fix: deposit button blocking account rows (#1757)

apps/trading/pages/portfolio/accounts-container.tsx

@@ -11,7 +11,10 @@ import { DepositDialog } from './deposits-container';
 
 export const AccountsContainer = () => {
   const { pubKey } = useVegaWallet();
+  const [withdrawDialog, setWithdrawDialog] = useState(false);
   const [depositDialog, setDepositDialog] = useState(false);
+  const { open: openAssetDetailsDialog } = useAssetDetailsDialogStore();
+  const [assetId, setAssetId] = useState<string>();
 
   if (!pubKey) {
     return (
@@ -24,30 +27,9 @@ export const AccountsContainer = () => {
   return (
     <Web3Container>
       <div className="h-full relative grid grid-rows-[1fr,min-content]">
-        <AssetAccountTable partyId={pubKey} />
+        <div>
-        <DepositDialog
-          depositDialog={depositDialog}
-          setDepositDialog={setDepositDialog}
-        />
-        <div className="w-full dark:bg-black bg-white absolute bottom-0 h-auto flex justify-end px-[11px] py-2">
-          <Button size="sm" onClick={() => setDepositDialog(true)}>
-            Deposit
-          </Button>
-        </div>
-      </div>
-    </Web3Container>
-  );
-};
-
-export const AssetAccountTable = ({ partyId }: { partyId: string }) => {
-  const [withdrawDialog, setWithdrawDialog] = useState(false);
-  const [depositDialog, setDepositDialog] = useState(false);
-  const { open: openAssetDetailsDialog } = useAssetDetailsDialogStore();
-  const [assetId, setAssetId] = useState<string>();
-  return (
-    <>
           <AccountManager
-        partyId={partyId}
+            partyId={pubKey}
             onClickAsset={(value) => {
               value && openAssetDetailsDialog(value);
             }}
@@ -60,6 +42,19 @@ export const AssetAccountTable = ({ partyId }: { partyId: string }) => {
               setAssetId(assetId);
             }}
           />
+        </div>
+        <div className="flex justify-end p-2 px-[11px]">
+          <Button
+            size="sm"
+            onClick={() => {
+              setAssetId(undefined);
+              setDepositDialog(true);
+            }}
+          >
+            {t('Deposit')}
+          </Button>
+        </div>
+      </div>
       <WithdrawalDialogs
         assetId={assetId}
         withdrawDialog={withdrawDialog}
@@ -70,6 +65,6 @@ export const AssetAccountTable = ({ partyId }: { partyId: string }) => {
         depositDialog={depositDialog}
         setDepositDialog={setDepositDialog}
       />
-    </>
+    </Web3Container>
   );
 };