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',
header: 'Number',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Number</span>
),
cell: (props) => props.row.original.number,
},
{
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>,
},
],
@@ -120,12 +120,16 @@ const UniformityResultForm = () => {
() => [
{
accessorKey: 'label',
header: 'Label',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Label</span>
),
cell: (props) => props.row.original.label,
},
{
accessorKey: 'value',
header: 'Value',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Value</span>
),
cell: (props) => <span>{props.row.original.value}</span>,
},
],
@@ -160,12 +164,16 @@ const UniformityResultForm = () => {
() => [
{
accessorKey: 'label',
header: 'Label',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Label</span>
),
cell: (props) => props.row.original.label,
},
{
accessorKey: 'value',
header: 'Value',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Value</span>
),
cell: (props) => <span>{props.row.original.value}</span>,
},
],
@@ -189,17 +197,23 @@ const UniformityResultForm = () => {
() => [
{
accessorKey: 'number',
header: 'Number',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Number</span>
),
cell: (props) => props.row.original.number,
},
{
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>,
},
{
accessorKey: 'status',
header: 'Status',
header: () => (
<span className='font-medium text-sm leading-[150%]'>Status</span>
),
cell: (props) => {
const status = props.row.original.status;
return status ? (