rewrote EnhancedTableHeaderCell to tsx format (#2156)

ita-social-projects · Jul 29, 2024 · 509d3a5 · 509d3a5
1 parent ae46d84
commit 509d3a5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/...er-cell/EnhancedTableHeaderCell.styles.js → ...er-cell/EnhancedTableHeaderCell.styles.ts b/...er-cell/EnhancedTableHeaderCell.styles.js → ...er-cell/EnhancedTableHeaderCell.styles.ts
diff --git a/...e-header-cell/EnhancedTableHeaderCell.jsx → ...e-header-cell/EnhancedTableHeaderCell.tsx b/...e-header-cell/EnhancedTableHeaderCell.jsx → ...e-header-cell/EnhancedTableHeaderCell.tsx
@@ -4,13 +4,22 @@ import TableCell from '@mui/material/TableCell'
 import TableSortLabel from '@mui/material/TableSortLabel'
 
 import { styles } from '~/components/enhanced-table/enhanced-table-header-cell/EnhancedTableHeaderCell.styles'
+import { TableColumn, TableItem, TableSort } from '~/types'
 
-const EnhancedTableHeaderCell = ({ column, sort }) => {
+export interface EnhancedTableHeaderCellProps<I> {
+  column: TableColumn<I>
+  sort: TableSort
+}
+
+const EnhancedTableHeaderCell = <I extends TableItem>({
+  column,
+  sort
+}: EnhancedTableHeaderCellProps<I>) => {
   const { t } = useTranslation()
   const { sort: sortParams, onRequestSort } = sort
 
   const createSortHandler = () => {
-    onRequestSort(column.field)
+    onRequestSort(column.field ?? '')
   }
 
   return (