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

refactor: move attach button to bottom of div when no attachments present

Browse source
This commit is contained in:
Dustin Healy 2025-09-06 02:39:39 -07:00
parent 094320fcd9
commit 93490764e6
1 changed files with 32 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

62
client/src/components/Prompts/PromptFiles.tsx
View file

@ -40,38 +40,40 @@ const PromptFiles = ({
{localize('com_ui_files')} {localize('com_ui_files')}
</h3> </h3>
<div className="flex flex-1 flex-col space-y-4"> <div className="flex flex-1 flex-col space-y-4">
{!files.length && ( <div className="flex-1">
<div className="text-sm text-text-secondary"> {!files.length && (
<ReactMarkdown className="markdown prose dark:prose-invert"> <>
{localize('com_ui_files_info')} <div className="text-sm text-text-secondary">
</ReactMarkdown> <ReactMarkdown className="markdown prose dark:prose-invert">
</div> {localize('com_ui_files_info')}
)} </ReactMarkdown>
</div>
<Separator className="my-3 text-text-primary" />
</>
)}
{files.length > 0 && ( {files.length > 0 && (
<div className="mb-3 flex-1"> <div className="mb-3">
<PromptFile <PromptFile
files={filesMap} files={filesMap}
setFiles={(newMapOrUpdater) => { setFiles={(newMapOrUpdater) => {
const newMap = const newMap =
typeof newMapOrUpdater === 'function' typeof newMapOrUpdater === 'function'
? newMapOrUpdater(filesMap) ? newMapOrUpdater(filesMap)
: newMapOrUpdater; : newMapOrUpdater;
const newFiles = Array.from(newMap.values()) as ExtendedFile[]; const newFiles = Array.from(newMap.values()) as ExtendedFile[];
onFilesChange?.(newFiles); onFilesChange?.(newFiles);
}} }}
setFilesLoading={() => {}} setFilesLoading={() => {}}
onFileRemove={onFileRemove} onFileRemove={onFileRemove}
Wrapper={({ children }) => <div className="flex flex-wrap gap-2">{children}</div>} Wrapper={({ children }) => <div className="flex flex-wrap gap-2">{children}</div>}
/> />
</div> </div>
)} )}
</div>
<Separator className="my-3 text-text-primary" /> <div className="flex justify-start text-text-secondary">
<div className="flex flex-col justify-end text-text-secondary"> <AttachFileButton handleFileChange={handleFileChange} disabled={disabled} />
<div className="flex justify-start">
<AttachFileButton handleFileChange={handleFileChange} disabled={disabled} />
</div>
</div> </div>
</div> </div>
</div> </div>