Skip to content

feat(dashboard): "This Month" contributions tab + restyled sort icons#31

Merged
parameshjava merged 1 commit into
mainfrom
feat/dashboard-this-month-tab
Jun 20, 2026
Merged

feat(dashboard): "This Month" contributions tab + restyled sort icons#31
parameshjava merged 1 commit into
mainfrom
feat/dashboard-this-month-tab

Conversation

@parameshjava

Copy link
Copy Markdown
Owner

Summary

  • Adds a fifth dashboard tab, This Month, listing every contribution made in the current calendar month (IST) by active members, in a # · Person Name · Contribution · Date · Transaction ID table.
  • Restyles the table sort indicator app-wide to a stacked rounded-chevron glyph, with the active direction highlighted in brand blue.

Details

  • lib/actions/dashboard.ts — new cached read getCurrentMonthContributions(monthIso). Reads dashboard_transactions filtered to transaction_type='contribution' within the month range, then restricts to members with status='active'. The month key is passed in (not derived from the clock) because Cache Components forbids reading the clock inside a 'use cache' scope; the cache key already keys on the month.
  • dashboard/current-month-contributions-table.tsx — new client table on the shared PrDataTable (PrimeReact): sortable columns, global search, CSV/export menu, footer total. The # column uses the live rowIndex so the serial number tracks the sorted/filtered order.
  • dashboard/dashboard-tabs.tsx + dashboard/page.tsx — register the thismonth tab (lazy-mounted, not year-scoped) and wire in the data + header.
  • components/ui/pr/data-table.tsx — replace PrimeReact's default sort glyph via the supported sortIcon render prop. Done in the shared wrapper, so every table in the app gets the same indicator.

Testing

  • npm run lint — clean (only a pre-existing unrelated warning)
  • npm run build — compiles successfully

🤖 Generated with Claude Code

…cons

Add a fifth dashboard tab listing every contribution made in the current
calendar month (IST) by active members, in a #/Person/Contribution/Date/
Transaction ID table built on the shared PrDataTable (search + export +
footer total).

- dashboard.ts: getCurrentMonthContributions(monthIso) cached read; month
  key is passed in (not derived from the clock) since Cache Components
  forbids reading the clock inside a 'use cache' scope. Filters to
  transaction_type='contribution' within the month and to active members.
- data-table.tsx: replace PrimeReact's default sort glyph with a
  stacked rounded-chevron indicator via the supported sortIcon render prop
  (the active direction highlights in brand blue). Applies app-wide.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
aits-fcf-tracker Ready Ready Preview, Comment Jun 20, 2026 1:12pm

@parameshjava
parameshjava merged commit a9c4c74 into main Jun 20, 2026
3 checks passed
@parameshjava
parameshjava deleted the feat/dashboard-this-month-tab branch June 20, 2026 13:13
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.

2 participants