💄(react) using correct DataGrid header class

Previously the headers of the DataGrid were not aligned with the
correct title class.
This commit is contained in:
Nathan Vasse
2023-09-01 11:29:55 +02:00
committed by NathanVss
parent 6236729ae8
commit 7128e7fef7
2 changed files with 12 additions and 4 deletions

View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
using correct fs- class for DataGrid headers

View File

@@ -168,10 +168,13 @@ export const DataGrid = <T extends Row>({
<th key={header.id} colSpan={header.colSpan}> <th key={header.id} colSpan={header.colSpan}>
{header.isPlaceholder ? null : ( {header.isPlaceholder ? null : (
<div <div
className={classNames("c__datagrid__header", { className={classNames(
"c__datagrid__header fs-h5",
{
"c__datagrid__header--sortable": "c__datagrid__header--sortable":
header.column.getCanSort(), header.column.getCanSort(),
})} },
)}
{...(header.column.getCanSort() {...(header.column.getCanSort()
? { ? {
role: "button", role: "button",