xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-11-27 11:09:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: add gpt-4 icon

Browse Source
This commit is contained in:
wangao
2023-04-18 00:51:17 +08:00
parent 78c9e66c1f
commit aca06d9fe4
3 changed files with 43 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/chat.tsx
View File

@@ -10,6 +10,7 @@ import CopyIcon from "../icons/copy.svg";
import DownloadIcon from "../icons/download.svg";
import LoadingIcon from "../icons/three-dots.svg";
import BotIcon from "../icons/bot.svg";
import Bot4Icon from "../icons/bot-4.svg";
import AddIcon from "../icons/add.svg";
import DeleteIcon from "../icons/delete.svg";
import MaxIcon from "../icons/max.svg";
@@ -64,10 +65,20 @@ const Emoji = dynamic(async () => (await import("emoji-picker-react")).Emoji, {
loading: () => <LoadingIcon />,
});
export function Avatar(props: { role: Message["role"] }) {
export function Avatar(props: {
role: Message["role"];
model: Message["model"];
}) {
const config = useChatStore((state) => state.config);
if (props.role !== "user") {
if (props.model?.startsWith("gpt-4")) {
return (
<div className="no-dark">
<Bot4Icon className={styles["user-avtar"]} />
</div>
);
}
return (
<div className="no-dark">
<BotIcon className={styles["user-avtar"]} />
@@ -727,7 +738,7 @@ export function Chat(props: {
>
<div className={styles["chat-message-container"]}>
<div className={styles["chat-message-avatar"]}>
<Avatar role={message.role} />
<Avatar role={message.role} model={message.model} />
</div>
{(message.preview || message.streaming) && (
<div className={styles["chat-message-status"]}>