import { useOAuthContext } from "@/context/oauth"; import { type LocalAccount } from "@/repository/account"; import { useAuth } from "@/store/auth"; import { CirclePlus, User } from "lucide-react"; import { useCallback, type FC } from "react"; import { Link, useLocation } from "react-router-dom"; const AccountList: FC = () => { const accounts = useAuth((state) => state.accounts); const updateActiveAccount = useAuth((state) => state.updateActiveAccount); const location = useLocation(); const oauth = useOAuthContext(); const handleAccountSelect = useCallback( (account: LocalAccount) => { oauth.selectSession(account.access); updateActiveAccount(account); }, [oauth, updateActiveAccount] ); return ( <> {accounts.map((account) => (
handleAccountSelect(account)} className="flex flex-row items-center p-4 border-gray-200 dark:border-gray-700/65 border-b border-r-0 border-l-0 select-none cursor-pointer hover:bg-gray-50/50 dark:hover:bg-gray-800/10 transition-colors mb-0" >
{account.profilePicture ? ( profile ) : (
)}

{account.label}

{account.email}

))}

Add new account

); }; export default AccountList;