sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

refactor(frontend): extract avatar image component

Browse source
This commit is contained in:
sam 2024-10-01 14:44:34 +02:00
parent 562ecc46bd
commit b1165c3780
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 31 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Foxnouns.Frontend/app/routes/$username/MemberCard.tsx
View file

@ -10,6 +10,7 @@ import { defaultAvatarUrl } from "~/lib/utils";
import { useTranslation } from "react-i18next";
import { OverlayTrigger, Tooltip } from "react-bootstrap";
import { Lock } from "react-bootstrap-icons";
import AvatarImage from "~/components/profile/AvatarImage";
export default function MemberCard({ user, member }: { user: PartialUser; member: PartialMember }) {
const { t } = useTranslation();
@ -37,13 +38,11 @@ export default function MemberCard({ user, member }: { user: PartialUser; member
return (
<div className="col">
<Link to={`/@${user.username}/${member.name}`}>
<img
<AvatarImage
src={member.avatar_url || defaultAvatarUrl}
alt={t("user.member-avatar-alt", { name: member.name })}
width={200}
height={200}
loading="lazy"
className="rounded-circle img-fluid"
alt={t("user.member-avatar-alt", { name: member.name })}
lazyLoad
/>
</Link>
<p className="m-2">