updates on the ai bot and the deliveries page design

This commit is contained in:
2026-08-21 17:24:54 +05:30
parent 414ba6dbf2
commit 0f8510a3ea
3 changed files with 51 additions and 12 deletions

View File

@@ -867,25 +867,36 @@ const Deliveries = () => {
</div>
);
// hasTruncateTooltip={false} on every Text in this cell.
//
// Astryx's Text turns its own truncation tooltip ON by default as
// soon as maxLines > 0, so each of these four lines was offering to
// re-show its own clipped string on hover. Nested inside the route
// Tooltip, that means hovering the address pops a bare address over
// the pickup/drop card that already contains it — two tooltips
// racing to explain the same cell.
//
// The route tooltip carries the full pickup AND drop address, so
// nothing is lost by silencing the per-line ones.
return (
<Tooltip content={routeTooltip}>
<VStack gap={0.5} padding={0} minWidth={0} style={{ cursor: 'pointer' }}>
<HStack gap={1} vAlign="center" minWidth={0}>
<img src="/pickup-icon.png" alt="Pickup" style={{ width: 16, height: 16, flexShrink: 0 }} />
<Text weight="semibold" maxLines={1} style={{ fontSize: 12, flexShrink: 0 }}>
<Text weight="semibold" maxLines={1} hasTruncateTooltip={false} style={{ fontSize: 12, flexShrink: 0 }}>
{r.pickupcustomer || 'Pickup'}
</Text>
<Text type="supporting" color="secondary" maxLines={1} style={{ fontSize: 11 }}>
<Text type="supporting" color="secondary" maxLines={1} hasTruncateTooltip={false} style={{ fontSize: 11 }}>
{pickupAddr ? `· ${pickupAddr}` : ''}
</Text>
</HStack>
<HStack gap={1} vAlign="center" minWidth={0}>
<img src="/drop-icon.png" alt="Drop" style={{ width: 17, height: 17, flexShrink: 0 }} />
<Text weight="semibold" maxLines={1} style={{ fontSize: 12, flexShrink: 0 }}>
<Text weight="semibold" maxLines={1} hasTruncateTooltip={false} style={{ fontSize: 12, flexShrink: 0 }}>
{r.deliverycustomer || 'Drop'}
</Text>
<Text type="supporting" color="secondary" maxLines={1} style={{ fontSize: 11 }}>
<Text type="supporting" color="secondary" maxLines={1} hasTruncateTooltip={false} style={{ fontSize: 11 }}>
{dropAddr ? `· ${dropAddr}` : ''}
</Text>
</HStack>