theluyuan/RWKV-Runner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve chat page

Browse Source
This commit is contained in:
josc146 2023-05-19 21:24:09 +08:00
parent 5e76493da2
commit 21c200d767
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/_locales/zh-hans/main.json
View File

@ -68,5 +68,7 @@
"Send": "发送",
"Type your message here": "在此输入消息",
"Copy": "复制",
"Read Aloud": "朗读"
"Read Aloud": "朗读",
"Hello! I'm RWKV, an open-source and commercially available large language model.": "你好! 我是RWKV, 一个开源可商用的大语言模型.",
"This tool’s API is compatible with OpenAI API. It can be used with any ChatGPT tool you like. Go to the settings of some ChatGPT tool, replace the 'https://api.openai.com' part in the API address with '": "本工具的API与OpenAI API兼容. 因此可以配合任意你喜欢的ChatGPT工具使用. 打开某个ChatGPT工具的设置, 将API地址中的'https://api.openai.com'部分替换为'"
}

19
frontend/src/pages/Chat.tsx
View File

@ -47,8 +47,19 @@ type Conversations = {
const ChatPanel: FC = observer(() => {
const {t} = useTranslation();
const [message, setMessage] = useState('');
const [conversations, setConversations] = useState<Conversations>({});
const [conversationsOrder, setConversationsOrder] = useState<string[]>([]);
const [conversations, setConversations] = useState<Conversations>({
'welcome': {
sender: botName,
type: MessageType.Normal,
color: 'colorful',
avatarImg: logo,
time: new Date().toISOString(),
content: t('Hello! I\'m RWKV, an open-source and commercially available large language model.'),
side: 'left',
done: true
}
});
const [conversationsOrder, setConversationsOrder] = useState<string[]>(['welcome']);
const bodyRef = useRef<HTMLDivElement>(null);
const inputRef = useRef<HTMLTextAreaElement>(null);
const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
@ -284,6 +295,7 @@ const badgeStatus: { [modelStatus: number]: PresenceBadgeStatus } = {
export const Chat: FC = observer(() => {
const {t} = useTranslation();
const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
return (
<div className="flex flex-col gap-1 p-2 h-full overflow-hidden">
@ -297,6 +309,9 @@ export const Chat: FC = observer(() => {
<RunButton iconMode/>
</div>
</div>
<Text size={100}>
{t('This tool’s API is compatible with OpenAI API. It can be used with any ChatGPT tool you like. Go to the settings of some ChatGPT tool, replace the \'https://api.openai.com\' part in the API address with \'') + `http://127.0.0.1:${port}` + '\'.'}
</Text>
<Divider style={{flexGrow: 0}}/>
<ChatPanel/>
</div>