Update the status icons for migrating groups and projects
Context
The UI for importing projects and groups is using icons + label to indicate the status of the import. The status icons should reflect the behavior and design from the Pajamas Design System.
Proposal
- Replace the status icons using the updated components gitlab-svgs#166 (closed).
- Update the label text to the revised text and colors shown below.
| old status -> | Not started | Scheduling | Scheduled | Running… | Done | Failed | Failed |
|---|---|---|---|---|---|---|---|
| new label | Not started | Pending | Pending | Importing… | Completed | Failed | Canceled |
| new icon | status-waiting | status-scheduled | status-scheduled | status-running | status-success | status-failed | status-stopped |
| new color | muted-gray | warning-orange | warning-orange | info-blue | success-green | danger-red | danger-red |
| mockup |  |
 |
|
 |
 |
 |
 |
→ Update the status icons for migrating groups and projects - Icon specs (Figma file)
| New Import page | New Import icons |
|---|---|
 |
 |
Exploration
Figma file - icon and badge explorations →
Option 1
The recommendation is to use the Pipeline badge variant from the Pajamas Design Systm
Option 2 Does it even make sense to use the same icons used for pipelines? If no, then what treatment best represent the status of the import progress?
@gitlab-com/gitlab-ux/ux-foundations
Current Import UI
| Import page | Import icons |
|---|---|
 |
 |
Edited by Haris Delalić