Skip to content

feat(design): smart date-group headers with Today/Yesterday/This Week labels (#438) - #576

Open
laurentketterle-hub wants to merge 3 commits into
RevoraOrg:masterfrom
laurentketterle-hub:feat/issue-438-smart-date-groups
Open

feat(design): smart date-group headers with Today/Yesterday/This Week labels (#438)#576
laurentketterle-hub wants to merge 3 commits into
RevoraOrg:masterfrom
laurentketterle-hub:feat/issue-438-smart-date-groups

Conversation

@laurentketterle-hub

Copy link
Copy Markdown
Contributor

Description

Enhanced ActivityDateGroup with smart date labels for better orientation in long activity feeds (#438).

Changes

  • Smart date formatting: "Today", "Yesterday", weekday name, "Last Week", "This Month"
  • Falls back to full date (e.g., "Jan 15, 2025") for older dates
  • data-date attribute on the element for CSS targeting
  • Exported formatDateLabel() utility function for reuse
  • Sticky positioning preserved (already implemented)

Grouping

Age Label
0 days Today
1 day Yesterday
2-6 days Weekday name (Monday, Tuesday...)
7-13 days Last Week
14-29 days This Month
30+ days "Jan 15, 2025"

Testing

  • 7 component tests + 2 utility tests
  • Tests verify sticky positioning, data-date attribute, ARIA labels
  • Edge cases: current date, yesterday, 3 days ago, 8 days, 20 days, old dates

Closes #438

@laurentketterle-hub

Copy link
Copy Markdown
Contributor Author

I claim this bounty. PR ready for review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI/UX Design] Design a sticky date-group header pattern for the Investor Activity feed

1 participant