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

🎨 feat: enhance UI & accessibility in file handling components (#5086)

Browse source 
* ✨ feat: Add localization for page display and enhance button styles

* ✨ refactor: improve image preview component styles

* ✨ refactor: enhance modal close behavior and prevent refocus on certain elements

* ✨ refactor: enhance file row layout and improve image preview animation
This commit is contained in:
Marco Beretta 2024-12-23 11:14:40 +01:00 • committed by GitHub
parent bdb222d5f4
commit dfe5498301
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 466 additions and 279 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/SidePanel/Files/PanelColumns.tsx
View file

@ -12,6 +12,7 @@ export const columns: ColumnDef<TFile>[] = [
return (
<Button
variant="ghost"
className="hover:bg-surface-hover"
onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
>
Name
@ -33,6 +34,7 @@ export const columns: ColumnDef<TFile>[] = [
return (
<Button
variant="ghost"
className="hover:bg-surface-hover"
onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
>
Date
@ -41,7 +43,9 @@ export const columns: ColumnDef<TFile>[] = [
);
},
cell: ({ row }) => (
<span className="flex justify-end text-xs">{formatDate(row.original.updatedAt)}</span>
<span className="flex justify-end text-xs">
{formatDate(row.original.updatedAt?.toString() ?? '')}
</span>
),
},
];