bullitt/trackbox

Fork 0

Dashboard: Remove Started timestamp from cards and emphasize Last carrier update #26

New issue

Closed

opened 2026-06-27 15:41:14 +02:00 by bullitt · 1 comment

bullitt commented

2026-06-27 15:41:14 +02:00

Owner

Problem

Every shipment card shows two timestamps at the bottom: "Started X ago" and "Updated X ago". The start date is rarely relevant for daily use — what matters is when the status last changed. Having two grey timestamps creates visual noise and neither stands out.

Implementation

File: frontend/src/pages/Dashboard.tsx — ShipmentCard component, line ~106.

Change:

<div className="flex justify-between text-xs text-muted-foreground mt-1">
  <span>Started {relativeTime(shipment.first_seen_at)}</span>
  <span>Updated {relativeTime(shipment.last_updated_at)}</span>
</div>

To:

<div className="flex justify-end text-xs text-muted-foreground mt-1">
  <span>Updated {relativeTime(shipment.last_updated_at)}</span>
</div>

The "First Seen" date is already shown in the Shipment Detail metadata grid (ShipmentDetail.tsx line ~408), so no information is lost.

Acceptance criteria

Cards show only "Updated X ago"
"Started X ago" is removed from cards
"First Seen" remains visible on the detail page

Brand identity alignment

The card hierarchy in the brief prioritizes last carrier event and tracking data over incidental dates. Started X ago is secondary metadata and makes the card less scan-friendly.

Brand-compliant implementation notes

Rename the remaining timestamp to Last update or Last carrier update when space allows.
Keep the timestamp in subdued Slate/muted text with tabular numerals.
Retain First seen only in the detail metadata where deeper audit context belongs.

Additional acceptance criteria

Shipment cards show the most actionable freshness signal only.
The remaining timestamp is phrased as carrier/source transparency, not generic activity.
Removing the start date improves density without hiding audit data from the detail page.

Migrated from GitHub issue #5: https://github.com/bullitt186/trackbox/issues/5
Original author: @bullitt186
Original created: 2026-06-27T13:22:45Z
Original labels: ux

## Problem Every shipment card shows two timestamps at the bottom: "Started X ago" and "Updated X ago". The start date is rarely relevant for daily use — what matters is when the status last changed. Having two grey timestamps creates visual noise and neither stands out. ## Implementation File: `frontend/src/pages/Dashboard.tsx` — `ShipmentCard` component, line ~106. Change: ```tsx <div className="flex justify-between text-xs text-muted-foreground mt-1"> <span>Started {relativeTime(shipment.first_seen_at)}</span> <span>Updated {relativeTime(shipment.last_updated_at)}</span> </div> ``` To: ```tsx <div className="flex justify-end text-xs text-muted-foreground mt-1"> <span>Updated {relativeTime(shipment.last_updated_at)}</span> </div> ``` The "First Seen" date is already shown in the Shipment Detail metadata grid (`ShipmentDetail.tsx` line ~408), so no information is lost. ## Acceptance criteria - Cards show only "Updated X ago" - "Started X ago" is removed from cards - "First Seen" remains visible on the detail page ## Brand identity alignment The card hierarchy in the brief prioritizes last carrier event and tracking data over incidental dates. `Started X ago` is secondary metadata and makes the card less scan-friendly. ## Brand-compliant implementation notes - Rename the remaining timestamp to `Last update` or `Last carrier update` when space allows. - Keep the timestamp in subdued Slate/muted text with tabular numerals. - Retain `First seen` only in the detail metadata where deeper audit context belongs. ## Additional acceptance criteria - Shipment cards show the most actionable freshness signal only. - The remaining timestamp is phrased as carrier/source transparency, not generic activity. - Removing the start date improves density without hiding audit data from the detail page. --- Migrated from GitHub issue #5: https://github.com/bullitt186/trackbox/issues/5 Original author: @bullitt186 Original created: 2026-06-27T13:22:45Z Original labels: ux

bullitt added the

label

2026-06-27 15:41:14 +02:00

bullitt referenced this issue

2026-06-27 15:41:16 +02:00

Global: Extract ScrapeStatusIcon into a brand-consistent shared status component #47

bullitt changed title from ~~Dashboard: Remove 'Started X ago' from cards — 'Updated' is the actionable signal~~ to Dashboard: Remove Started timestamp from cards and emphasize Last carrier update

2026-06-27 15:46:21 +02:00

bullitt commented

2026-06-27 16:02:14 +02:00

Author

Owner

Implemented in commit bd6b0e7. Removed the 'Started X ago' timestamp from shipment cards entirely. The footer row now shows only 'Last carrier update X' right-aligned. First Seen date remains available on the shipment detail page for audit purposes. Cards are cleaner and the most operationally relevant timestamp is prominent.

Implemented in commit bd6b0e7. Removed the 'Started X ago' timestamp from shipment cards entirely. The footer row now shows only 'Last carrier update X' right-aligned. First Seen date remains available on the shipment detail page for audit purposes. Cards are cleaner and the most operationally relevant timestamp is prominent.

bullitt closed this issue

2026-06-27 16:02:14 +02:00

No labels

arch

harness

security

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

bullitt/trackbox#26

No description provided.

Rows
Columns