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

🛠️ fix: Merge Textarea Ref with Form for Simplified Handling (#2456)

Browse source 
* share ref correctly

* chore: remove extraneous textarea handlers and add excel text data
This commit is contained in:
Danny Avila 2024-04-18 08:19:52 -04:00 • committed by GitHub
parent 26ea990045
commit 692ce3b346
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 33 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

32
client/src/components/Chat/Input/ChatForm.tsx
View file

@ -29,14 +29,11 @@ const ChatForm = ({ index = 0 }) => {
defaultValues: { text: '' },
});
const { handlePaste, handleKeyUp, handleKeyDown, handleCompositionStart, handleCompositionEnd } =
useTextarea({
textAreaRef,
submitButtonRef,
disabled: !!requiresKey,
setValue: methods.setValue,
getValues: methods.getValues,
});
const { handlePaste, handleKeyDown, handleCompositionStart, handleCompositionEnd } = useTextarea({
textAreaRef,
submitButtonRef,
disabled: !!requiresKey,
});
const {
ask,
@ -58,9 +55,6 @@ const ChatForm = ({ index = 0 }) => {
}
ask({ text: data.text });
methods.reset();
if (textAreaRef.current) {
textAreaRef.current.value = '';
}
},
[ask, methods],
);
@ -84,6 +78,13 @@ const ChatForm = ({ index = 0 }) => {
[requiresKey, invalidAssistant],
);
const { ref, ...registerProps } = methods.register('text', {
required: true,
onChange: (e) => {
methods.setValue('text', e.target.value);
},
});
return (
<form
onSubmit={methods.handleSubmit((data) => submitMessage(data))}
@ -104,19 +105,14 @@ const ChatForm = ({ index = 0 }) => {
/>
{endpoint && (
<TextareaAutosize
{...methods.register('text', {
required: true,
onChange: (e) => {
methods.setValue('text', e.target.value);
},
})}
{...registerProps}
autoFocus
ref={(e) => {
ref(e);
textAreaRef.current = e;
}}
disabled={disableInputs}
onPaste={handlePaste}
onKeyUp={handleKeyUp}
onKeyDown={handleKeyDown}
onCompositionStart={handleCompositionStart}
onCompositionEnd={handleCompositionEnd}