issue fix

This commit is contained in:
Marshal
2026-08-07 08:44:03 +00:00
parent fc7f40a373
commit 64150acdca
3 changed files with 16 additions and 22 deletions

View File

@@ -161,10 +161,10 @@ export default function ClearanceDocumentsPage() {
<User className="size-4" strokeWidth={1.75} /> <User className="size-4" strokeWidth={1.75} />
</div> </div>
<div className="min-w-0"> <div className="min-w-0">
<p className="truncate font-medium text-foreground"> <p className="font-medium text-foreground">
{customer} {customer}
</p> </p>
<p className="mt-0.5 flex items-center gap-1 truncate text-xs text-muted-foreground"> <p className="mt-0.5 flex items-center gap-1 text-xs text-muted-foreground">
<FileText className="size-3 shrink-0 opacity-70" /> <FileText className="size-3 shrink-0 opacity-70" />
{b.reference} {b.reference}
</p> </p>
@@ -182,7 +182,7 @@ export default function ClearanceDocumentsPage() {
<ContractReferenceLink <ContractReferenceLink
contractId={b.contractId} contractId={b.contractId}
contractReference={b.contractReference} contractReference={b.contractReference}
className="block truncate text-sm text-foreground underline underline-offset-2 hover:text-muted-foreground" className="block text-sm text-foreground underline underline-offset-2 hover:text-muted-foreground"
/> />
) : ( ) : (
<Text size="sm"></Text> <Text size="sm"></Text>
@@ -409,7 +409,7 @@ export default function ClearanceDocumentsPage() {
manualPagination: true, manualPagination: true,
pageCount, pageCount,
}} }}
containerClassName="border-0 shadow-none bg-transparent" containerClassName="border-0 shadow-none bg-transparent [&_th]:max-w-[100px] [&_td]:max-w-[100px] [&_td]:break-words"
footer={DataTableFooter} footer={DataTableFooter}
/> />
</Box> </Box>

View File

@@ -393,10 +393,10 @@ function ShipmentBookingsTable({
<PackageCheck className="size-4" strokeWidth={1.75} /> <PackageCheck className="size-4" strokeWidth={1.75} />
</div> </div>
<div className="min-w-0"> <div className="min-w-0">
<p className="truncate font-medium text-foreground"> <p className="font-medium text-foreground">
{row.original.reference} {row.original.reference}
</p> </p>
<p className="mt-0.5 flex items-center gap-1 truncate text-xs text-muted-foreground"> <p className="mt-0.5 flex items-center gap-1 text-xs text-muted-foreground">
<User className="size-3 shrink-0 opacity-70" /> <User className="size-3 shrink-0 opacity-70" />
{row.original.customerLabel} {row.original.customerLabel}
</p> </p>
@@ -413,7 +413,7 @@ function ShipmentBookingsTable({
<Stack gap={4} py={2}> <Stack gap={4} py={2}>
<Group gap={6} wrap="nowrap"> <Group gap={6} wrap="nowrap">
<FileText size={13} className="shrink-0 text-muted-foreground" /> <FileText size={13} className="shrink-0 text-muted-foreground" />
<Text size="sm" fw={500} truncate maw={150}> <Text size="sm" fw={500}>
{r.contractReference ?? "—"} {r.contractReference ?? "—"}
</Text> </Text>
</Group> </Group>
@@ -431,13 +431,9 @@ function ShipmentBookingsTable({
header: () => <span className={bookingTable.headerCell}>Route</span>, header: () => <span className={bookingTable.headerCell}>Route</span>,
cell: ({ row }) => ( cell: ({ row }) => (
<Group gap={6} wrap="nowrap"> <Group gap={6} wrap="nowrap">
<Text size="sm" className="truncate"> <Text size="sm">{row.original.originLabel}</Text>
{row.original.originLabel}
</Text>
<ArrowRight size={13} className="shrink-0 text-muted-foreground" /> <ArrowRight size={13} className="shrink-0 text-muted-foreground" />
<Text size="sm" className="truncate"> <Text size="sm">{row.original.destinationLabel}</Text>
{row.original.destinationLabel}
</Text>
</Group> </Group>
), ),
}, },
@@ -610,7 +606,7 @@ function ShipmentBookingsTable({
data={rows} data={rows}
status={loading ? "loading" : error ? "error" : "success"} status={loading ? "loading" : error ? "error" : "success"}
onRowClick={(row) => onOpen(row.id)} onRowClick={(row) => onOpen(row.id)}
containerClassName="border-0 shadow-none bg-transparent" containerClassName="border-0 shadow-none bg-transparent [&_th]:max-w-[100px] [&_td]:max-w-[100px] [&_td]:break-words"
/> />
</Box> </Box>
); );

View File

@@ -226,11 +226,11 @@ function RouteCell({
return ( return (
<Stack gap={4} py={2}> <Stack gap={4} py={2}>
<Group gap={6} wrap="nowrap"> <Group gap={6} wrap="nowrap">
<Text size="sm" fw={500} truncate maw={120}> <Text size="sm" fw={500}>
{origin} {origin}
</Text> </Text>
<ArrowRight size={14} className="shrink-0 text-muted-foreground" /> <ArrowRight size={14} className="shrink-0 text-muted-foreground" />
<Text size="sm" fw={500} truncate maw={120}> <Text size="sm" fw={500}>
{destination} {destination}
</Text> </Text>
</Group> </Group>
@@ -385,10 +385,10 @@ export default function GlDjiboutiClearanceListPage() {
<PackageCheck className="size-4" strokeWidth={1.75} /> <PackageCheck className="size-4" strokeWidth={1.75} />
</div> </div>
<div className="min-w-0"> <div className="min-w-0">
<p className="truncate font-medium text-foreground"> <p className="font-medium text-foreground">
{r.reference} {r.reference}
</p> </p>
<p className="mt-0.5 flex items-center gap-1 truncate text-xs text-muted-foreground"> <p className="mt-0.5 flex items-center gap-1 text-xs text-muted-foreground">
<User className="size-3 shrink-0 opacity-70" /> <User className="size-3 shrink-0 opacity-70" />
{r.customerLabel} {r.customerLabel}
</p> </p>
@@ -403,9 +403,7 @@ export default function GlDjiboutiClearanceListPage() {
cell: ({ row }) => ( cell: ({ row }) => (
<Group gap={6} wrap="nowrap"> <Group gap={6} wrap="nowrap">
<FileText size={13} className="shrink-0 text-muted-foreground" /> <FileText size={13} className="shrink-0 text-muted-foreground" />
<Text size="sm" truncate maw={140}> <Text size="sm">{row.original.contractReference}</Text>
{row.original.contractReference}
</Text>
</Group> </Group>
), ),
}, },
@@ -710,7 +708,7 @@ export default function GlDjiboutiClearanceListPage() {
manualPagination: true, manualPagination: true,
pageCount, pageCount,
}} }}
containerClassName="border-0 shadow-none bg-transparent" containerClassName="border-0 shadow-none bg-transparent [&_th]:max-w-[100px] [&_td]:max-w-[100px] [&_td]:break-words"
footer={DataTableFooter} footer={DataTableFooter}
/> />
</Box> </Box>