Improve workspaces empty state
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 13.8k
- Forks
- 1.4k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 5
Description
Problem to solve
While we're adding new features like Teams & Projects new patterns come up like better empty state components. In https://github.com/gitpod-io/gitpod/pull/4401, the empty state for the projects list has slightly made the product more intuitive to use by adding a small illustration above the text elements.
Proposal
Let's improve the workspaces empty state by adding an illustration above the text elements.
| Projects Empty State | Workspaces Empty State (BEFORE) | Workspaces Empty State (AFTER) |
|---|---|---|
 |
 |
 |
See relevant specs.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the workspaces empty-state implementation and compare it with the projects empty state referenced in pull request #4401. Use the linked Figma specification and the before/after screenshots to determine the illustration placement and styling. Done means the workspaces empty state includes the illustration above its text elements and matches the proposed design.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100