From 7c1fb423db14c2b38cd70719963d8aed07ac80a1 Mon Sep 17 00:00:00 2001
From: simke9445 <simke9445@gmail.com>
Date: Sun, 17 Mar 2024 21:36:00 +0100
Subject: [PATCH] dont display balances and funding accounts if wallet not
 connected

---
 apps/warp-protocol/src/pages/balances/Balances.tsx        | 8 +++++++-
 .../src/pages/funding-accounts/FundingAccounts.tsx        | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/warp-protocol/src/pages/balances/Balances.tsx b/apps/warp-protocol/src/pages/balances/Balances.tsx
index 400bea8..6f64956 100644
--- a/apps/warp-protocol/src/pages/balances/Balances.tsx
+++ b/apps/warp-protocol/src/pages/balances/Balances.tsx
@@ -4,12 +4,14 @@ import { BalanceCard } from './BalanceCard';
 import styles from './Balances.module.sass';
 import { useBalances } from './useBalances';
 import { useTokenListDialog } from './token-list';
+import { IfConnected } from 'components/if-connected';
+import { NotConnected } from 'components/not-connected';
 
 interface BalancesProps {
   fundingAccountAddress: string;
 }
 
-export const Balances = (props: BalancesProps) => {
+const BalancesInner = (props: BalancesProps) => {
   const { fundingAccountAddress } = props;
 
   const { balances, saveAll } = useBalances(fundingAccountAddress);
@@ -53,3 +55,7 @@ export const Balances = (props: BalancesProps) => {
     </Container>
   );
 };
+
+export const Balances = (props: BalancesProps) => {
+  return <IfConnected then={<BalancesInner {...props} />} else={<NotConnected />} />;
+};
diff --git a/apps/warp-protocol/src/pages/funding-accounts/FundingAccounts.tsx b/apps/warp-protocol/src/pages/funding-accounts/FundingAccounts.tsx
index 7dab4ce..886a8f4 100644
--- a/apps/warp-protocol/src/pages/funding-accounts/FundingAccounts.tsx
+++ b/apps/warp-protocol/src/pages/funding-accounts/FundingAccounts.tsx
@@ -11,12 +11,14 @@ import { warp_account_tracker } from '@terra-money/warp-sdk';
 import { useState } from 'react';
 import { useLocalWallet } from '@terra-money/apps/hooks';
 import classNames from 'classnames';
+import { IfConnected } from 'components/if-connected';
+import { NotConnected } from 'components/not-connected';
 
 interface FundingAccountsProps {}
 
 const accountStatuses = ['taken', 'free'] as warp_account_tracker.AccountStatus[];
 
-export const FundingAccounts = (props: FundingAccountsProps) => {
+const FundingAccountsInner = (props: FundingAccountsProps) => {
   const [selectedAccountStatus, setSelectedAccountStatus] = useState<warp_account_tracker.AccountStatus>('taken');
 
   const { walletAddress } = useLocalWallet();
@@ -69,3 +71,7 @@ export const FundingAccounts = (props: FundingAccountsProps) => {
     </Container>
   );
 };
+
+export const FundingAccounts = (props: FundingAccountsProps) => {
+  return <IfConnected then={<FundingAccountsInner {...props} />} else={<NotConnected />} />;
+};