apps/frp-panel
1
0
Fork 0
mirror of https://github.com/VaalaCat/frp-panel.git synced 2025-10-05 23:37:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: i18n

Browse Source
This commit is contained in:
VaalaCat
2024-12-07 00:46:12 +08:00
committed by Vaala Cat
parent 97138d38ae
commit 0cf9b6974f
88 changed files with 2994 additions and 1302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
www/components/base/data_table.tsx
View File

@@ -18,6 +18,7 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@
import React from 'react'
import { Input } from '@/components/ui/input'
import { DataTablePagination } from './data_table_pagination'
import { useTranslation } from 'react-i18next'
interface DataTableProps<TData, TValue> {
columns: ColumnDef<TData, TValue>[]
@@ -27,12 +28,14 @@ interface DataTableProps<TData, TValue> {
}
export function DataTable<TData, TValue>({ columns, filterColumnName, table }: DataTableProps<TData, TValue>) {
const { t } = useTranslation()
return (
<div>
{filterColumnName && (
<div className="flex flex-1 items-center py-4">
<Input
placeholder={`根据 ${filterColumnName} 筛选`}
placeholder={t('table.filter.placeholder', { column: filterColumnName })}
value={(table.getColumn(filterColumnName)?.getFilterValue() as string) ?? ''}
onChange={(event) => table.getColumn(filterColumnName)?.setFilterValue(event.target.value)}
className="max-w-sm"
@@ -66,7 +69,7 @@ export function DataTable<TData, TValue>({ columns, filterColumnName, table }: D
) : (
<TableRow>
<TableCell colSpan={columns.length} className="h-24 text-center">
没有数据
{t('table.noData')}
</TableCell>
</TableRow>
)}