UX: Display JIT when user list is empty (#26579)

* UX: Display JIT when user list is empty * UX: Remove empty state heading * DEV: add spacing by enclosing empty state body in <p> tag
2026-08-12 05:55:39 -05:00 · 2024-04-09 13:52:21 -06:00
parent 72ac675e4e
commit 002ff94ded
2 changed files with 17 additions and 3 deletions
@@ -77,8 +77,20 @@
            />
            <ConditionalLoadingSpinner @condition={{this.model.loadingMore}} />
          {{else}}
-            <div class="clearfix"></div>
-            <p>{{i18n "directory.no_results"}}</p>
+            <div class="empty-state">
+              <div class="empty-state-body">
+                <p>
+                  {{i18n "directory.no_results.body"}}
+                  {{#if this.currentUser.staff}}
+                    {{html-safe
+                      (i18n
+                        "directory.no_results.extra_body" basePath=(base-path)
+                      )
+                    }}
+                  {{/if}}
+                </p>
+              </div>
+            </div>
          {{/if}}
        </ConditionalLoadingSpinner>
      </div>