Improved empty state for projects

MuckRock · Apr 24, 2024 · f43b366 · f43b366
1 parent 1ea1c02
commit f43b366
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/routes/app/projects/[id]-[slug]/+page.svelte b/src/routes/app/projects/[id]-[slug]/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import {
+    FileDirectory24,
     Hourglass24,
     Pencil16,
     People16,
@@ -53,12 +54,16 @@
     {#await documentSearch}
       <Empty icon={Hourglass24}>Loading project documents…</Empty>
     {:then documentSearchResults}
-      <ResultsList
-        results={documentSearchResults.results}
-        next={documentSearchResults.next}
-        count={documentSearchResults.count}
-        auto
-      />
+      {#if documentSearchResults.results}
+        <ResultsList
+          results={documentSearchResults.results}
+          next={documentSearchResults.next}
+          count={documentSearchResults.count}
+          auto
+        />
+      {:else}
+        <Empty icon={FileDirectory24}>This project is empty</Empty>
+      {/if}
     {:catch}
       <Error>Error loading project documents</Error>
     {/await}