22 lines
718 B
TypeScript
22 lines
718 B
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import styles from "./workspace.module.css";
|
|
|
|
export function UserAvatar({ name, url, large = false }: {
|
|
name: string;
|
|
url?: string | null;
|
|
large?: boolean;
|
|
}) {
|
|
const [failedUrl, setFailedUrl] = useState<string | null>(null);
|
|
const showImage = Boolean(url && url !== failedUrl);
|
|
return (
|
|
<span className={`${styles.avatar} ${large ? styles.avatarLarge : ""}`}>
|
|
{showImage ? (
|
|
<img src={url!} alt={`${name}的头像`} width={large ? 36 : 24} height={large ? 36 : 24}
|
|
referrerPolicy="no-referrer" onError={() => setFailedUrl(url!)} />
|
|
) : <span aria-hidden="true">{name.slice(0, 1).toUpperCase()}</span>}
|
|
</span>
|
|
);
|
|
}
|