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

✍️ refactor(Textarea): Optimize Text Input & Enhance UX (#2058)

Browse source 
* refactor(useDebouncedInput): make object as input arg and accept setter

* refactor(ChatForm/Textarea): consolidate textarea/form logic to one component, use react-hook-form, programmatically click send button instead of passing submitMessage, forwardRef and memoize SendButton

* refactor(Textarea): use Controller field value to avoid manual update of ref

* chore: remove forms provider

* chore: memoize AttachFile

* refactor(ChatForm/SendButton): only re-render SendButton when there is text input

* chore: make iconURL bigger

* chore: optimize Root/Nav

* refactor(SendButton): memoize disabled prop based on text

* chore: memoize Nav and ChatForm

* chore: remove textarea ref text on submission

* feat(EditMessage): Make Esc exit the edit mode and dismiss changes when editing a message

* style(MenuItem): Display the ☑️  icon only on the selected model
This commit is contained in:
Danny Avila 2024-03-11 09:18:10 -04:00 • committed by GitHub
parent f489aee518
commit f307488dd4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 244 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/src/components/Chat/Input/Files/AttachFile.tsx
View file

@ -1,3 +1,4 @@
import React from 'react';
import {
EModelEndpoint,
supportsFiles,
@ -9,7 +10,7 @@ import { AttachmentIcon } from '~/components/svg';
import { FileUpload } from '~/components/ui';
import { useFileHandling } from '~/hooks';
export default function AttachFile({
const AttachFile = ({
endpoint,
endpointType,
disabled = false,
@ -17,7 +18,7 @@ export default function AttachFile({
endpoint: EModelEndpoint | '';
endpointType?: EModelEndpoint;
disabled?: boolean | null;
}) {
}) => {
const { handleFileChange } = useFileHandling();
const { data: fileConfig = defaultFileConfig } = useGetFileConfig({
select: (data) => mergeFileConfig(data),
@ -45,4 +46,6 @@ export default function AttachFile({
</FileUpload>
</div>
);
}
};
export default React.memo(AttachFile);