Skip to content

Feat(activity): add Recent Activity component to display GitHub events#403

Open
KrishKyada wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
KrishKyada:feat/recent_activity_widget
Open

Feat(activity): add Recent Activity component to display GitHub events#403
KrishKyada wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
KrishKyada:feat/recent_activity_widget

Conversation

@KrishKyada
Copy link
Copy Markdown

This PR introduces a "Recent Activity" widget to the dashboard, providing users with a live, chronological feed of their latest GitHub events. This
transforms the dashboard from a static reporting tool into a dynamic productivity hub.

Closes #364

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

Changes Made

  • API Route: Implemented /api/metrics/activity to fetch, filter, and format GitHub events (Push, Pull Request, Issues, and Release events).
  • Recent Activity Component: Created a new RecentActivity.tsx component featuring a vertical timeline, custom event icons, and human-readable time
    formatting (e.g., "2h ago").
  • Multi-Account Support: Integrated with AccountContext to support filtering activity by specific linked GitHub accounts or a combined view.
  • Fallback Logic: Added fallback to public events API to ensure the widget remains functional if private event tokens hit limits or specific errors
    occur.
  • Dashboard Integration: Added the widget as a full-width section at the bottom of the main dashboard.
  • Loading & Empty States: Implemented polished skeleton loaders and clear empty/error state handling.

How to Test

  1. Sign in to the application and navigate to the Dashboard.
  2. Scroll to the bottom of the page to find the Recent Activity widget.
  3. Verify that your latest GitHub actions (commits, PRs, etc.) are listed with correct titles and timestamps.
  4. Click an item: Ensure it opens the corresponding repository or event on GitHub in a new tab.
  5. Switch accounts: Use the account toggle to verify that the activity list filters correctly for different linked accounts.
  6. Refresh: Click the "Refresh" button to manually trigger an update of the feed.

Screenshots
image

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • No TypeScript errors (npm run type-check)
  • Self-reviewed the diff
  • Added/updated tests if applicable

@vercel
Copy link
Copy Markdown

vercel Bot commented May 19, 2026

@KrishKyada is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

  • Make sure CI is passing (type-check + lint)
  • Double-check the PR description is filled out and the issue is linked
  • Feel free to ask questions in Discussions if you need help

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.

[FEAT] Add "Recent Activity" feed widget to the dashboard

1 participant