/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/UserAvatar.tsx
24 строки
741 B
AbdBarho
Google auth website (#2391)
14 апр 2023, 13:30
Не верифицирован
14 апр 2023, 13:30
9835bf5
Код
Авторство
О чём код?
import Image from "next/image"; import { useEffect, useState } from "react"; export function UserAvatar({ displayName, avatarUrl }: { displayName: string; avatarUrl?: string }) { const diceBearURL = `https://api.dicebear.com/5.x/initials/png?seed=${encodeURIComponent( displayName )}&radius=50&backgroundType=gradientLinear`; const [src, setSrc] = useState(avatarUrl ? avatarUrl : diceBearURL); useEffect(() => { setSrc(avatarUrl ? avatarUrl : diceBearURL); }, [avatarUrl, diceBearURL]); return ( <Image src={src} onError={() => setSrc(diceBearURL)} alt={`${displayName}'s avatar`} width={30} height={30} referrerPolicy="no-referrer" className="rounded-full" /> ); }