xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-01 15:46:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Refactor & Feat UI Page Chat [Image Exporter]

Browse Source 
[+] refactor(exporter.tsx): extract variables for message role and avatar
[+] feat(exporter.tsx): add support for system messages to use a different avatar
This commit is contained in:
H0llyW00dzZ 2023-10-15 02:34:51 +07:00
parent 06e043d3f1
commit 9ed113b52b
No known key found for this signature in database
GPG Key ID: 05C7FFFC0845C930
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/components/exporter.tsx
View File

@ -543,15 +543,22 @@ export function ImagePreviewer(props: {
</div>
</div>
{props.messages.map((m, i) => {
const isUserMessage = m.role === "user";
const isSystemMessage = m.role === "system";
const avatar =
isUserMessage && config.avatar
? config.avatar
: isSystemMessage
? "2699-fe0f"
: mask.avatar;
const messageClass = `${styles["message"]} ${
styles["message-" + m.role]
}`;
return (
<div
className={styles["message"] + " " + styles["message-" + m.role]}
key={i}
>
<div className={messageClass} key={i}>
<div className={styles["avatar"]}>
<ExportAvatar
avatar={m.role === "user" ? config.avatar : mask.avatar}
/>
<ExportAvatar avatar={avatar} />
</div>
<div className={styles["body"]}>