Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-20 10:20:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

feat: support copy to clipboard

Browse source 
feat: move regenerate to all messages
feat: move stop generate to replace submit button
feat: make options' position more clear
This commit is contained in:
Wentao Lyu 2023-04-01 02:12:15 +08:00
parent bb1f8d731b
commit b67af67433
10 changed files with 372 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

102
client/src/components/Input/BingAIOptions/index.jsx Normal file
View file

@ -0,0 +1,102 @@
import React, { useState, useEffect, forwardRef } from 'react';
import { useRecoilValue, useRecoilState } from 'recoil';
import { cn } from '~/utils';
import { Button } from '../../ui/Button.tsx';
import { Tabs, TabsList, TabsTrigger } from '../../ui/Tabs.tsx';
import store from '~/store';
// function BingStyles(props, ref) {
// const [conversation, setConversation] = useRecoilState(store.conversation) || {};
// const { endpoint, conversationId, jailbreak, toneStyle } = conversation;
// const messages = useRecoilValue(store.messages);
// const isBing = endpoint === 'bingAI';
// const show = isBing && (!conversationId || messages?.length === 0 || props.show);
// const defaultClasses =
// 'p-2 rounded-md min-w-[75px] font-normal bg-white/[.60] dark:bg-gray-700 text-black text-xs';
// const defaultSelected = cn(defaultClasses, 'font-medium data-[state=active]:text-white text-xs text-white');
// const selectedClass = val => val + '-tab ' + defaultSelected;
// const changeHandler = value => {
// setConversation(prevState => ({ ...prevState, toneStyle: value }));
// };
function BingAIOptions({ ref }) {
const [conversation, setConversation] = useRecoilState(store.conversation) || {};
const messages = useRecoilValue(store.messages);
const { endpoint, conversationId } = conversation;
if (endpoint !== 'bingAI') return null;
const isBing = endpoint === 'bingAI';
const show = isBing && (!conversationId || messages?.length === 0);
const changeHandler = value => {
setConversation(prevState => ({ ...prevState, toneStyle: value }));
};
const { toneStyle } = conversation;
const cardStyle =
'shadow-md rounded-md min-w-[75px] font-normal bg-white border-black/10 border dark:bg-gray-700 text-black dark:text-white';
const defaultClasses =
'p-2 rounded-md min-w-[75px] font-normal bg-white/[.60] dark:bg-gray-700 text-black text-xs';
const defaultSelected = cn(defaultClasses, 'font-medium data-[state=active]:text-white text-xs text-white');
const selectedClass = val => val + '-tab ' + defaultSelected;
// <Button
// type="button"
// className={
// cardStyle +
// ' flex h-[40px] items-center justify-center px-4 hover:bg-slate-50 dark:hover:bg-gray-600'
// }
// onClick={triggerAdvancedMode}
// >
// <span className="w-full text-center text-xs font-medium font-normal">More</span>
// </Button>
return (
<div className={' flex w-full items-center justify-center gap-2'}>
<Tabs
value={toneStyle}
className={
cardStyle +
' flex h-[40px] items-center justify-center px-0 hover:bg-slate-50 dark:hover:bg-gray-600'
}
onValueChange={changeHandler}
// ref={ref}
>
<TabsList className="bg-white/[.60] dark:bg-gray-700">
<TabsTrigger
value="creative"
className={`${toneStyle === 'creative' ? selectedClass('creative') : defaultClasses}`}
>
{'Creative'}
</TabsTrigger>
<TabsTrigger
value="fast"
className={`${toneStyle === 'fast' ? selectedClass('fast') : defaultClasses}`}
>
{'Fast'}
</TabsTrigger>
<TabsTrigger
value="balanced"
className={`${toneStyle === 'balanced' ? selectedClass('balanced') : defaultClasses}`}
>
{'Balanced'}
</TabsTrigger>
<TabsTrigger
value="precise"
className={`${toneStyle === 'precise' ? selectedClass('precise') : defaultClasses}`}
>
{'Precise'}
</TabsTrigger>
</TabsList>
</Tabs>
</div>
);
}
export default BingAIOptions;