stuff, with a side of things

frontend/src/widgets/AccountSelect/index.tsx

@@ -1,16 +1,15 @@
 import { Link } from 'react-router-dom'
 import { message } from 'antd'
-import { useUserContext } from '../../contexts/UserContext'
-
 import './style.scss'
 import { Button } from '../../elements/Button'
+import { useAccounts } from '../../hooks/getMany/useAccounts'
 
 type Props = {
   selectProfile: (id: string) => void
 }
 
 export const AccountSelect = ({ selectProfile }: Props) => {
-  const { accounts } = useUserContext()
+  const accounts = useAccounts()
 
   const handleSelect = (id: string) => {
     selectProfile(id)
@@ -21,16 +20,14 @@ export const AccountSelect = ({ selectProfile }: Props) => {
     <>
       <h1>Select Account</h1>
       <div className="account-select">
-        {accounts?.length
-          ? accounts.map((account) => (
-              <Button
-                key={`account-${account.name}`}
-                onClick={() => handleSelect(account.id)}
-              >
-                {account.name}
-              </Button>
-            ))
-          : ''}
+        {accounts.data?.map((account) => (
+          <Button
+            key={`account-${account.name}`}
+            onClick={() => handleSelect(account.id)}
+          >
+            {account.name}
+          </Button>
+        ))}
         <Link to="/account/new">Create New Budget!</Link>
       </div>
     </>