Skip to content

Improve dashboard empty states for first-time users #60

Description

@asamassekou10

Summary

Improve dashboard empty states for first-time users who have no scans, no findings, or no connected repositories yet.

Why This Matters

New users decide quickly whether a product feels understandable. Empty states should make the next action obvious and reduce confusion.

Suggested Starting Point

  • webapp/app/app/
  • webapp/components/
  • /app/guide for copy and screenshots

UX Goals

  • "No scans yet" should point to starting a scan and reading the guide
  • "No findings" should celebrate clean scans and suggest CI/PR Guardian setup
  • "No repos" should explain local scans vs connected GitHub repos

Acceptance Criteria

  • Adds clear empty states with one primary action each
  • Uses existing premium dashboard visual style
  • Links to /app/guide where helpful
  • Works on mobile and desktop
  • npx tsc --noEmit passes in webapp

Metadata

Metadata

Assignees

Labels

good first issueGood for newcomershelp wantedExtra attention is neededwebappDashboard and website work

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions