Skip to content

UX: polish the empty-state when a project has no tasks #6

Description

@ali-maher-m

What

When a project has no work items, show a friendlier empty-state: a short prompt plus the quick-add hint so a new user knows what to do next.

Where

  • Component: packages/ui/src/surface-states.tsx (EmptyState).
  • Used at: apps/web/app/(app)/projects/projects-client.tsx (around line 133).

How to verify

Run the web app, open a project with no items, and confirm the empty-state shows the new copy/hint. Keep to design tokens only (pnpm check:design-tokens must stay green).

Notes

Match the brand: flat fills, dark ink on yellow, no emoji as chrome. See branding/.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions