no message

app/components/mask-chat.tsx

@@ -5,7 +5,7 @@ import { IconButton } from "./button";
 import BotIcon from "../icons/bot.svg";
 
 function EmojiAvatar(props: { avatar: string; size?: number }) {
-  // 简单显示emoji文本，或者使用默认图标
+  // 如果没有有效的emoji，显示默认图标
   if (props.avatar && props.avatar.length > 0) {
     return (
       <span style={{ fontSize: props.size || 18 }}>
@@ -13,8 +13,10 @@ function EmojiAvatar(props: { avatar: string; size?: number }) {
       </span>
     );
   }
-  return <BotIcon className="user-avatar" />;
+  // 使用默认的BotIcon，并应用合适的样式
+  return <BotIcon className="user-avatar" style={{ width: props.size || 18, height: props.size || 18 }} />;
 }
+
 import styles from "./mask-chat.module.scss";
 
 import LeftIcon from "../icons/left.svg";
@@ -143,13 +145,13 @@ export function MaskChat() {
       </div>
       <div className={styles["mask-cards"]}>
         <div className={styles["mask-card"]}>
-          <EmojiAvatar avatar="1f606" size={24} />
+          <EmojiAvatar avatar="" size={24} />
         </div>
         <div className={styles["mask-card"]}>
-          <EmojiAvatar avatar="1f916" size={24} />
+          <EmojiAvatar avatar="" size={24} />
         </div>
         <div className={styles["mask-card"]}>
-          <EmojiAvatar avatar="1f479" size={24} />
+          <EmojiAvatar avatar="" size={24} />
         </div>
       </div>