apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-30 11:26:24 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore: update lucide-react dependency to version 0.577.0 and refactor ProfileContent component to use Next.js Image component for avatar display

Browse source
This commit is contained in:
Anish Sarkar 2026-03-08 19:43:30 +05:30
parent 77dc6b7c91
commit 84bd52f482
3 changed files with 25 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

14
surfsense_web/app/dashboard/[search_space_id]/user-settings/components/ProfileContent.tsx
View file

@ -2,6 +2,7 @@
import { useAtomValue } from "jotai";
import { AnimatePresence, motion } from "motion/react";
import Image from "next/image";
import { useTranslations } from "next-intl";
import { useEffect, useState } from "react";
import { toast } from "sonner";
@ -13,19 +14,18 @@ import { Label } from "@/components/ui/label";
import { Spinner } from "@/components/ui/spinner";
function AvatarDisplay({ url, fallback }: { url?: string; fallback: string }) {
const [hasError, setHasError] = useState(false);
useEffect(() => {
setHasError(false);
}, [url]);
const [errorUrl, setErrorUrl] = useState<string>();
const hasError = errorUrl === url;
if (url && !hasError) {
return (
<img
<Image
src={url}
alt="Avatar"
width={64}
height={64}
className="h-16 w-16 rounded-xl object-cover"
onError={() => setHasError(true)}
onError={() => setErrorUrl(url)}
/>
);
}