admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: profile picture fetching through guard service

Browse Source
This commit is contained in:
Amir Adal
2025-05-29 19:51:15 +02:00
parent 41c3dfdfe4
commit d9ca1ce2b4
7 changed files with 57 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/feature/AccountList/index.tsx
View File

@ -1,8 +1,9 @@
import { type LocalAccount } from "@/repository/account";
import { useAuth } from "@/store/auth";
import { CirclePlus, User } from "lucide-react";
import { CirclePlus } from "lucide-react";
import { useCallback, type FC } from "react";
import { Link, useLocation } from "react-router";
import Avatar from "../Avatar";
const AccountList: FC = () => {
const accounts = useAuth((state) => state.accounts);
@ -27,17 +28,7 @@ const AccountList: FC = () => {
>
<div>
<div className="rounded-full w-10 h-10 overflow-hidden bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-200 mr-3 ring ring-gray-400 dark:ring dark:ring-gray-500">
{account.profilePicture ? (
<img
src={account.profilePicture}
className="w-full h-full flex-1 object-cover"
alt="profile"
/>
) : (
<div className="w-full h-full flex items-center justify-center">
<User />
</div>
)}
<Avatar iconSize={8} avatarId={account.profilePicture ?? null} />
</div>
</div>
<div className="flex flex-col">