Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-05 01:58:50 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update SubmitButton.jsx

Browse source
This commit is contained in:
bsu3338 2023-08-05 19:24:48 -05:00 • committed by GitHub
parent 93ceae6e84
commit b49024f1f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
client/src/components/Input/SubmitButton.jsx
View file

@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React, { useEffect, useState } from 'react';
import { ListeningIcon, StopGeneratingIcon } from '~/components';
import { Settings } from 'lucide-react';
import { SetTokenDialog } from './SetTokenDialog';
@ -17,6 +17,7 @@ export default function SubmitButton({
const { getToken } = store.useToken(endpoint);
const isTokenProvided = endpointsConfig?.[endpoint]?.userProvide ? !!getToken() : true;
const [countdown, setCountdown] = useState(0);
const endpointsToHideSetTokens = new Set(['openAI', 'azureOpenAI', 'bingAI']);
const clickHandler = (e) => {
@ -28,6 +29,21 @@ export default function SubmitButton({
setSetTokenDialogOpen(true);
};
useEffect(() => {
let timer;
if (isListening) {
setCountdown(3);
timer = setInterval(() => {
setCountdown(prev => (prev > 1 ? prev - 1 : 0));
}, 1000);
} else {
setCountdown(0);
}
return () => {
if (timer) clearInterval(timer);
};
}, [isListening]);
if (isSubmitting) {
return (
<button
@ -66,7 +82,11 @@ export default function SubmitButton({
return (
<button className="group absolute bottom-0 right-0 z-[101] flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500">
<div className="m-1 mr-0 rounded-md pb-[9px] pl-[9.5px] pr-[7px] pt-[11px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
<ListeningIcon />
{countdown > 0 ? (
<div className="text-xl text-red-600">{countdown}</div>
) : (
<ListeningIcon />
)}
</div>
</button>
);