feat: update search placeholders to Indonesian language across various components

This commit is contained in:
Yoga Pangestu 2026-08-07 08:55:59 +07:00
parent 50b2be68ac
commit 74c374e126
19 changed files with 43 additions and 43 deletions

View File

@ -80,7 +80,7 @@ export function CardTable<TData>({
renderSubContent, renderSubContent,
expandedKeys, expandedKeys,
onToggleExpand, onToggleExpand,
searchPlaceholder = 'Cari...', searchPlaceholder = 'Ketikkan sesuatu...',
searchValue, searchValue,
onSearchChange, onSearchChange,
toolbar, toolbar,
@ -113,8 +113,8 @@ export function CardTable<TData>({
function isItemExpanded(key: number | string): boolean { function isItemExpanded(key: number | string): boolean {
if (expandedKeys === 'all') { if (expandedKeys === 'all') {
return true; return true;
} }
return expandedKeys.has(key); return expandedKeys.has(key);
} }

View File

@ -149,7 +149,7 @@ export function DataTable<TData, TValue>({
columns, columns,
data, data,
searchKey, searchKey,
searchPlaceholder = 'Cari...', searchPlaceholder = 'Ketikkan sesuatu...',
emptyText = 'Tidak ada data.', emptyText = 'Tidak ada data.',
onReorder, onReorder,
getRowId, getRowId,
@ -200,8 +200,8 @@ export function DataTable<TData, TValue>({
<span className="block text-center"> <span className="block text-center">
{isServerMode {isServerMode
? (currentPage - 1) * (pagination?.per_page ?? 25) + ? (currentPage - 1) * (pagination?.per_page ?? 25) +
row.index + row.index +
1 1
: row.index + 1} : row.index + 1}
</span> </span>
), ),
@ -212,16 +212,16 @@ export function DataTable<TData, TValue>({
} as ColumnDef<TData, TValue>, } as ColumnDef<TData, TValue>,
...(isSortable ...(isSortable
? [ ? [
{ {
id: 'drag', id: 'drag',
header: '', header: '',
cell: () => <DragHandleTrigger />, cell: () => <DragHandleTrigger />,
meta: { meta: {
className: 'w-[40px]', className: 'w-[40px]',
headerClassName: 'w-[40px]', headerClassName: 'w-[40px]',
}, },
} as ColumnDef<TData, TValue>, } as ColumnDef<TData, TValue>,
] ]
: []), : []),
...columns, ...columns,
]; ];
@ -330,18 +330,18 @@ export function DataTable<TData, TValue>({
( (
header.column.columnDef header.column.columnDef
.meta as { .meta as {
headerClassName?: string; headerClassName?: string;
} }
)?.headerClassName )?.headerClassName
} }
> >
{header.isPlaceholder {header.isPlaceholder
? null ? null
: flexRender( : flexRender(
header.column.columnDef header.column.columnDef
.header, .header,
header.getContext(), header.getContext(),
)} )}
</TableHead> </TableHead>
))} ))}
</TableRow> </TableRow>
@ -384,8 +384,8 @@ export function DataTable<TData, TValue>({
.column .column
.columnDef .columnDef
.meta as { .meta as {
className?: string; className?: string;
} }
) )
?.className ?.className
} }
@ -422,8 +422,8 @@ export function DataTable<TData, TValue>({
cell.column cell.column
.columnDef .columnDef
.meta as { .meta as {
className?: string; className?: string;
} }
)?.className )?.className
} }
> >

View File

@ -223,7 +223,7 @@ export default function CashAccountIndex({
columns={columns} columns={columns}
data={transactions.data} data={transactions.data}
searchKey="description" searchKey="description"
searchPlaceholder="Cari transaksi..."
emptyText="Belum ada riwayat transaksi." emptyText="Belum ada riwayat transaksi."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -263,7 +263,7 @@ export default function EmployeeAdvanceIndex({
columns={columns} columns={columns}
data={employeeAdvances.data} data={employeeAdvances.data}
searchKey="description" searchKey="description"
searchPlaceholder="Cari kasbon..."
emptyText="Belum ada data kasbon." emptyText="Belum ada data kasbon."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -279,7 +279,7 @@ export default function ExpenseIndex({ expenses }: Props) {
columns={columns} columns={columns}
data={expenses.data} data={expenses.data}
searchKey="description" searchKey="description"
searchPlaceholder="Cari pengeluaran..."
emptyText="Belum ada data pengeluaran." emptyText="Belum ada data pengeluaran."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -96,7 +96,7 @@ export default function PayrollPeriodIndex({ payrollPeriods }: Props) {
columns={columns} columns={columns}
data={payrollPeriods.data} data={payrollPeriods.data}
searchKey="year" searchKey="year"
searchPlaceholder="Cari periode..."
emptyText="Belum ada periode gaji." emptyText="Belum ada periode gaji."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -196,7 +196,7 @@ export default function PayrollPeriodShow({ payrollPeriod }: Props) {
columns={columns} columns={columns}
data={payrollPeriod.payrolls} data={payrollPeriod.payrolls}
searchKey="employee_name" searchKey="employee_name"
searchPlaceholder="Cari karyawan..."
emptyText="Belum ada data gaji." emptyText="Belum ada data gaji."
/> />

View File

@ -203,7 +203,7 @@ export default function EmployeeIndex({ employees, filters, canViewAll }: Props)
columns={columns} columns={columns}
data={employees.data} data={employees.data}
searchKey="full_name" searchKey="full_name"
searchPlaceholder="Cari pegawai..."
emptyText="Belum ada data pegawai." emptyText="Belum ada data pegawai."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -269,7 +269,7 @@ export default function LeaveRequestIndex({ leaveRequests, filters, filterOption
columns={columns} columns={columns}
data={leaveRequests.data} data={leaveRequests.data}
searchKey="employee.user.user_profile.full_name" searchKey="employee.user.user_profile.full_name"
searchPlaceholder="Cari nama karyawan..."
emptyText="Belum ada data permohonan cuti." emptyText="Belum ada data permohonan cuti."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -86,7 +86,7 @@ export default function CuttingIndex({ cuttings }: Props) {
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari berdasarkan nama produk..."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange} onPerPageChange={handlePerPageChange}

View File

@ -164,7 +164,7 @@ export default function PurchaseIndex({
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari berdasarkan supplier..."
toolbar={filterToolbar} toolbar={filterToolbar}
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -86,7 +86,7 @@ export default function RestockIndex({ restocks }: Props) {
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari berdasarkan produk..."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange} onPerPageChange={handlePerPageChange}

View File

@ -378,7 +378,7 @@ export default function TransactionIndex({
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari berdasarkan produk atau nomor transaksi..."
toolbar={filterToolbar} toolbar={filterToolbar}
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -173,7 +173,7 @@ export default function CategoryIndex({ categories, highlight }: Props) {
columns={columns} columns={columns}
data={categories.data} data={categories.data}
searchKey="name" searchKey="name"
searchPlaceholder="Cari kategori..."
emptyText="Belum ada data kategori." emptyText="Belum ada data kategori."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -194,7 +194,7 @@ export default function CustomerIndex({ customers }: Props) {
columns={columns} columns={columns}
data={customers.data} data={customers.data}
searchKey="name" searchKey="name"
searchPlaceholder="Cari customer..."
emptyText="Belum ada data customer." emptyText="Belum ada data customer."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -269,7 +269,7 @@ export default function ProductIndex({ products, categories, productNames, filte
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari produk..."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange} onPerPageChange={handlePerPageChange}

View File

@ -174,7 +174,7 @@ export default function RawMaterialIndex({ rawMaterials, filters }: Props) {
onToggleExpand={expand.toggleExpand} onToggleExpand={expand.toggleExpand}
searchValue={search} searchValue={search}
onSearchChange={handleSearchChange} onSearchChange={handleSearchChange}
searchPlaceholder="Cari bahan baku..."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}
onPerPageChange={handlePerPageChange} onPerPageChange={handlePerPageChange}

View File

@ -194,7 +194,7 @@ export default function SupplierIndex({ suppliers }: Props) {
columns={columns} columns={columns}
data={suppliers.data} data={suppliers.data}
searchKey="name" searchKey="name"
searchPlaceholder="Cari supplier..."
emptyText="Belum ada data supplier." emptyText="Belum ada data supplier."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}

View File

@ -89,7 +89,7 @@ export default function RoleIndex({ roles }: Props) {
columns={columns} columns={columns}
data={roles.data} data={roles.data}
searchKey="name" searchKey="name"
searchPlaceholder="Cari role..."
emptyText="Belum ada data role." emptyText="Belum ada data role."
pagination={pagination} pagination={pagination}
onPageChange={handlePageChange} onPageChange={handlePageChange}