Skip to content

Add empty states

What / Why

We will want to setup empty states based on the scenario the user is in.

  1. User has No groups and hits the /dashboard, /dashboard/groups or /dashboard/groups/contributed view:

Screenshot_2024-11-04_at_4.09.38_PM

  1. User has groups but hits a tab with 0 results (and is not actively searching)

Screenshot_2024-11-04_at_4.10.51_PM

  1. User has groups and search returns 0 results

Screenshot_2024-11-04_at_4.11.00_PM

  1. Inactive tab empty state

On enterprise edition the empty state should say something about having No groups pending deletion. On CE delayed group deletion is not supported so we should just say something about how there are no inactive groups and you need to upgrade to get the delayed deletion and then link to docs. See &13781 (comment 2398532913)

Implementation Plan

  1. Set the emptyStateComponent and emptyStateComponentProps on the tab definitions in constants.js. See app/assets/javascripts/projects/your_work/constants.js#L22-27 for an example.
Edited by Shane Maglangit