🌑 style(File Manager): Localize and Update Dark Mode Stylings (#2155)

* 🌑 style: Update Dark Mode Stylings for File Manager

* 🌐 feat: localize file manager text

* 🌐 feat: file panel table localization
This commit is contained in:
Danny Avila 2024-03-21 10:52:45 -04:00 committed by GitHub
parent 1ee2c32a67
commit e0dd0381b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 135 additions and 68 deletions

View file

@ -74,7 +74,7 @@ export default function DataTable<TData, TValue>({ columns, data }: DataTablePro
<>
<div className="flex items-center gap-4 px-2 py-4">
<Input
placeholder="Filter files..."
placeholder={localize('com_files_filter')}
value={(table.getColumn('filename')?.getFilterValue() as string) ?? ''}
onChange={(event) => table.getColumn('filename')?.setFilterValue(event.target.value)}
className="max-w-xs dark:border-gray-700"
@ -126,7 +126,7 @@ export default function DataTable<TData, TValue>({ columns, data }: DataTablePro
) : (
<TableRow>
<TableCell colSpan={columns.length} className="h-24 text-center">
No results.
{localize('com_files_no_results')}
</TableCell>
</TableRow>
)}
@ -150,7 +150,7 @@ export default function DataTable<TData, TValue>({ columns, data }: DataTablePro
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
Previous
{localize('com_ui_prev')}
</Button>
<Button
variant="outline"
@ -158,7 +158,7 @@ export default function DataTable<TData, TValue>({ columns, data }: DataTablePro
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
Next
{localize('com_ui_next')}
</Button>
</div>
</div>