Skip to content

Redesign overview with metric cards and PR comment preview#16

Merged
stylessh merged 3 commits intomainfrom
stylessh/overview-metric-cards
Apr 8, 2026
Merged

Redesign overview with metric cards and PR comment preview#16
stylessh merged 3 commits intomainfrom
stylessh/overview-metric-cards

Conversation

@stylessh
Copy link
Copy Markdown
Owner

@stylessh stylessh commented Apr 8, 2026

Summary

  • Redesigned the overview page with a contained max-w-3xl layout and Luma-style metric cards showing open PRs (authored), open issues (assigned), and review requests
  • Added a recent pull requests list with state-colored icons (green/red/purple/gray), author avatars, relative timestamps, and an inline comment preview triggered by a hover action button
  • Created a shared <Markdown> component in @quickhub/ui supporting GitHub Flavored Markdown (tables, task lists, <details>/<summary>, code blocks, etc.) with custom styling matching the design system
  • Added getPullComments server function and query options for fetching PR comments on demand
  • Exported new icons (GitMergeIcon, GitPullRequestClosedIcon, GitPullRequestDraftIcon, CommentIcon, ViewIcon, etc.)

Test plan

  • Verify metric cards show correct counts and link to their respective pages
  • Hover PR rows to confirm Preview button appears and parent hover suppresses correctly
  • Click Preview to expand inline comments with markdown rendering
  • Check light and dark mode for proper contrast on metric cards, PR rows, and markdown tables
  • Test <details> blocks render with custom chevron icon and collapsible content

stylessh added 3 commits April 7, 2026 22:07
Rebuild the overview page with a contained max-w-3xl layout featuring
Luma-style metric cards (open PRs, issues, review requests), a recent
pull requests list with state-colored icons and inline comment preview,
and a shared GitHub Flavored Markdown renderer in the UI package.
Move PullRequestRow into #/components/pulls/ for feature-based
organization. Add custom scrollbar styles with stable gutter, thumb-only
rendering, and auto-hide on inactivity. Add welcome header to overview.
@stylessh stylessh merged commit e391e61 into main Apr 8, 2026
1 check passed
stylessh added a commit that referenced this pull request Apr 18, 2026
* Redesign overview page with metric cards and PR comment preview

Rebuild the overview page with a contained max-w-3xl layout featuring
Luma-style metric cards (open PRs, issues, review requests), a recent
pull requests list with state-colored icons and inline comment preview,
and a shared GitHub Flavored Markdown renderer in the UI package.

* Extract PullRequestRow component and add custom scrollbar

Move PullRequestRow into #/components/pulls/ for feature-based
organization. Add custom scrollbar styles with stable gutter, thumb-only
rendering, and auto-hide on inactivity. Add welcome header to overview.

* Fix markdown images breaking inline flow in table cells
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.

1 participant