refactor(FE): Wrap table headers in styled span

This commit is contained in:
rstubryan
2026-01-30 13:37:13 +07:00
parent c0b1da89f1
commit fbf7cb2d21
2 changed files with 27 additions and 9 deletions
@@ -50,12 +50,16 @@ const UniformityPreviewForm = () => {
() => [ () => [
{ {
accessorKey: 'number', accessorKey: 'number',
header: 'Number', header: () => (
<span className='font-medium text-sm leading-[150%]'>Number</span>
),
cell: (props) => props.row.original.number, cell: (props) => props.row.original.number,
}, },
{ {
accessorKey: 'weight', accessorKey: 'weight',
header: 'Weight (g)', header: () => (
<span className='font-medium text-sm leading-[150%]'>Weight (g)</span>
),
cell: (props) => <span>{props.row.original.weight}</span>, cell: (props) => <span>{props.row.original.weight}</span>,
}, },
], ],
@@ -120,12 +120,16 @@ const UniformityResultForm = () => {
() => [ () => [
{ {
accessorKey: 'label', accessorKey: 'label',
header: 'Label', header: () => (
<span className='font-medium text-sm leading-[150%]'>Label</span>
),
cell: (props) => props.row.original.label, cell: (props) => props.row.original.label,
}, },
{ {
accessorKey: 'value', accessorKey: 'value',
header: 'Value', header: () => (
<span className='font-medium text-sm leading-[150%]'>Value</span>
),
cell: (props) => <span>{props.row.original.value}</span>, cell: (props) => <span>{props.row.original.value}</span>,
}, },
], ],
@@ -160,12 +164,16 @@ const UniformityResultForm = () => {
() => [ () => [
{ {
accessorKey: 'label', accessorKey: 'label',
header: 'Label', header: () => (
<span className='font-medium text-sm leading-[150%]'>Label</span>
),
cell: (props) => props.row.original.label, cell: (props) => props.row.original.label,
}, },
{ {
accessorKey: 'value', accessorKey: 'value',
header: 'Value', header: () => (
<span className='font-medium text-sm leading-[150%]'>Value</span>
),
cell: (props) => <span>{props.row.original.value}</span>, cell: (props) => <span>{props.row.original.value}</span>,
}, },
], ],
@@ -189,17 +197,23 @@ const UniformityResultForm = () => {
() => [ () => [
{ {
accessorKey: 'number', accessorKey: 'number',
header: 'Number', header: () => (
<span className='font-medium text-sm leading-[150%]'>Number</span>
),
cell: (props) => props.row.original.number, cell: (props) => props.row.original.number,
}, },
{ {
accessorKey: 'weight', accessorKey: 'weight',
header: 'Weight (g)', header: () => (
<span className='font-medium text-sm leading-[150%]'>Weight (g)</span>
),
cell: (props) => <span>{props.row.original.weight}</span>, cell: (props) => <span>{props.row.original.weight}</span>,
}, },
{ {
accessorKey: 'status', accessorKey: 'status',
header: 'Status', header: () => (
<span className='font-medium text-sm leading-[150%]'>Status</span>
),
cell: (props) => { cell: (props) => {
const status = props.row.original.status; const status = props.row.original.status;
return status ? ( return status ? (