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

fix: use universal setToneStyle

Browse source
This commit is contained in:
Wentao Lyu 2023-04-05 02:30:14 +08:00
parent 0c4b754fba
commit 010d900c90
2 changed files with 7 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/Endpoints/BingAI/Settings.jsx
View file

@ -18,15 +18,16 @@ const optionText =
'p-0 shadow-none text-right pr-1 h-8 border-transparent focus:ring-[#10a37f] focus:ring-offset-0 focus:ring-opacity-100 hover:bg-gray-800/10 dark:hover:bg-white/10 focus:bg-gray-800/10 dark:focus:bg-white/10 transition-colors';
function Settings(props) {
const { readonly, context, systemMessage, jailbreak, toneStyle, setOption, setToneStyle } = props;
const { readonly, context, systemMessage, jailbreak, toneStyle, setOption } = props;
const [tokenCount, setTokenCount] = useState(0);
const showSystemMessage = jailbreak;
const setContext = setOption('context');
const setSystemMessage = setOption('systemMessage');
const setJailbreak = setOption('jailbreak');
const setToneStyle = value => setOption('toneStyle')(value.toLowerCase());
// useEffect to update token count
useEffect(() => {
if (!context || context.trim() === '') {
setTokenCount(0);
@ -37,7 +38,7 @@ function Settings(props) {
const handleTextChange = context => {
debouncedPost({
url: '/api/tokenizer',
arg: { text: context},
arg: { text: context },
callback: data => {
setTokenCount(data.count);
}
@ -45,7 +46,7 @@ function Settings(props) {
};
handleTextChange(context);
return () => debouncedPost.cancel();
return () => debouncedPost.cancel();
}, [context]);
// console.log('data', data);
@ -83,9 +84,7 @@ function Settings(props) {
'flex max-h-[300px] min-h-[100px] w-full resize-none px-3 py-2'
)}
/>
<small className="mb-5 text-black dark:text-white">
{`Token count: ${tokenCount}`}
</small>
<small className="mb-5 text-black dark:text-white">{`Token count: ${tokenCount}`}</small>
</div>
</div>
<div className="col-span-1 flex flex-col items-center justify-start gap-6">

7
client/src/components/Input/BingAIOptions/index.jsx
View file

@ -28,10 +28,6 @@ function BingAIOptions() {
if (endpoint !== 'bingAI') return null;
if (conversationId !== 'new') return null;
const changeHandler = value => {
setConversation(prevState => ({ ...prevState, toneStyle: value.toLowerCase() }));
};
const triggerAdvancedMode = () => setAdvancedMode(prev => !prev);
const switchToSimpleMode = () => {
@ -78,7 +74,7 @@ function BingAIOptions() {
cardStyle +
' z-50 flex h-[40px] items-center justify-center px-0 hover:bg-slate-50 dark:hover:bg-gray-600'
}
onValueChange={changeHandler}
onValueChange={value => setOption('toneStyle')(value.toLowerCase())}
>
<TabsList className="bg-white/[.60] dark:bg-gray-700">
<TabsTrigger
@ -126,7 +122,6 @@ function BingAIOptions() {
systemMessage={systemMessage}
jailbreak={jailbreak}
toneStyle={toneStyle}
setToneStyle={changeHandler}
setOption={setOption}
/>
</div>