refactor(ui): add shared character avatar

2026-07-10 18:35:17 +08:00
parent 7d29dbd72f
commit 098b675f44
9 changed files with 78 additions and 30 deletions
@@ -0,0 +1,46 @@
+"use client";
+
+import Image from "next/image";
+import type { CSSProperties } from "react";
+
+import styles from "./character-avatar.module.css";
+
+export interface CharacterAvatarProps {
+  src?: string;
+  alt?: string;
+  className?: string;
+  size?: number | string;
+  imageSize?: number;
+  priority?: boolean;
+}
+
+export function CharacterAvatar({
+  src = "/images/chat/pic-chat-elio.png",
+  alt = "Elio Silvestri",
+  className,
+  size = 43,
+  imageSize,
+  priority = false,
+}: CharacterAvatarProps) {
+  const resolvedImageSize =
+    imageSize ?? (typeof size === "number" ? size : 96);
+  const style: CSSProperties = {
+    width: size,
+    height: size,
+  };
+
+  return (
+    <span
+      className={[styles.avatar, className].filter(Boolean).join(" ")}
+      style={style}
+    >
+      <Image
+        src={src}
+        alt={alt}
+        width={resolvedImageSize}
+        height={resolvedImageSize}
+        priority={priority}
+      />
+    </span>
+  );
+}