update,

03_source/frontend/src/sections/invoice/view/invoice-list-view.tsx

@@ -49,23 +49,15 @@ import { InvoiceAnalytic } from '../invoice-analytic';
 import { InvoiceTableRow } from '../invoice-table-row';
 import { InvoiceTableToolbar } from '../invoice-table-toolbar';
 import { InvoiceTableFiltersResult } from '../invoice-table-filters-result';
+import { useTranslation } from 'react-i18next';
 
 // ----------------------------------------------------------------------
 
-const TABLE_HEAD: TableHeadCellProps[] = [
-  { id: 'invoiceNumber', label: 'Customer' },
-  { id: 'createDate', label: 'Create' },
-  { id: 'dueDate', label: 'Due' },
-  { id: 'price', label: 'Amount' },
-  { id: 'sent', label: 'Sent', align: 'center' },
-  { id: 'status', label: 'Status' },
-  { id: '' },
-];
-
 // ----------------------------------------------------------------------
 
 export function InvoiceListView() {
   const theme = useTheme();
+  const { t } = useTranslation();
 
   const table = useTable({ defaultOrderBy: 'createDate' });
 
@@ -73,6 +65,16 @@ export function InvoiceListView() {
 
   const [tableData, setTableData] = useState<IInvoice[]>(_invoices);
 
+  const TABLE_HEAD: TableHeadCellProps[] = [
+    { id: 'invoiceNumber', label: t('Customer') },
+    { id: 'createDate', label: t('Create') },
+    { id: 'dueDate', label: t('Due') },
+    { id: 'price', label: t('Amount') },
+    { id: 'sent', label: t('Sent'), align: 'center' },
+    { id: 'status', label: t('Status') },
+    { id: '' },
+  ];
+
   const filters = useSetState<IInvoiceTableFilters>({
     name: '',
     service: [],