From 83e25b97b0824b66d2698b5c9b25d3e97bae329f Mon Sep 17 00:00:00 2001
From: "Jiaping(JP) Zhang" <vincentzhangv@gmail.com>
Date: Sun, 2 Apr 2023 13:38:42 -0700
Subject: [PATCH] update chat role icon (#378)

---
 components/Chat/ChatMessage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Chat/ChatMessage.tsx b/components/Chat/ChatMessage.tsx
index 5848b32..19481d8 100644
--- a/components/Chat/ChatMessage.tsx
+++ b/components/Chat/ChatMessage.tsx
@@ -1,5 +1,5 @@
 import { Message } from '@/types/chat';
-import { IconCheck, IconCopy, IconEdit } from '@tabler/icons-react';
+import { IconCheck, IconCopy, IconEdit, IconUser, IconRobot } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { FC, memo, useEffect, useRef, useState } from 'react';
 import rehypeMathjax from 'rehype-mathjax';
@@ -81,7 +81,7 @@ export const ChatMessage: FC<Props> = memo(
       >
         <div className="relative m-auto flex gap-4 p-4 text-base md:max-w-2xl md:gap-6 md:py-6 lg:max-w-2xl lg:px-0 xl:max-w-3xl">
           <div className="min-w-[40px] text-right font-bold">
-            {message.role === 'assistant' ? t('AI') : t('You')}:
+            {message.role === 'assistant' ? <IconRobot size={30}/> : <IconUser size={30}/>}
           </div>
 
           <div className="prose mt-[-2px] w-full dark:prose-invert">