feat: default selected account to default one

Author: LukeWasTakenn

src/web/src/layouts/bank/pages/accounts/Accounts.tsx

@@ -3,7 +3,6 @@ import CharacterAccounts from '@/layouts/bank/pages/accounts/components/Characte
 import ActiveAccountContainer from './components/ActiveAccountContainer';
 import { queryClient } from '@/main';
 import ActiveAccountSkeleton from './components/ActiveAccountSkeleton';
-import { Skeleton } from '@/components/ui/skeleton';
 import AccountsSkeleton from './components/AccountsSkeleton';
 
 const Accounts: React.FC = () => {

src/web/src/layouts/bank/pages/accounts/components/CharacterAccounts.tsx

@@ -5,16 +5,26 @@ import CreateAccountModal from '@/layouts/bank/pages/accounts/modals/CreateAccou
 import AccountCard from '@/layouts/bank/pages/accounts/components/AccountCard';
 import BaseCard from '@/layouts/bank/components/BaseCard';
 import { useModal } from '@/components/ModalsProvider';
-import { useAccounts, useActiveAccount, useActiveAccountId } from '@/state/accounts';
+import { useAccounts, useActiveAccountId } from '@/state/accounts';
 import { cn } from '@/lib/utils';
 import locales from '@/locales';
+import { useSetActiveAccountId } from '@/state/accounts';
 
 const CharacterAccounts: React.FC = () => {
   const modal = useModal();
   const accountsData = useAccounts();
   const activeAccountId = useActiveAccountId();
+  const setActiveAccountId = useSetActiveAccountId();
   const [page, setPage] = React.useState(0);
 
+  React.useEffect(() => {
+    if (activeAccountId) return;
+
+    const defaultAccount = accountsData.accounts.find((account) => account.isDefault);
+
+    if (defaultAccount) setActiveAccountId(defaultAccount.id);
+  }, [accountsData, activeAccountId]);
+
   const MAX_ITEMS = React.useMemo(() => (page === 0 ? 3 : 4), [page]);
 
   return (