7ae5317 Add placeholder for empty issue state — radicle-explorer

Radicle web interface

Add placeholder for empty issue state

Sebastian Martinez committed 3 years ago

commit 7ae5317b5465445eed689b69f4452ac2413e8157
parent da0b4200cd32b1683165f8f4618b57c2d06e7d0a

1 file changed +6 -8

modified src/base/projects/Issue/IssueFilter.svelte

@@ -1,5 +1,7 @@

 <script lang="ts">
   import { groupIssues, Issue } from "@app/issue";
   import Placeholder from "@app/Placeholder.svelte";
   import { capitalize } from "@app/utils";
   export let issues: Issue[];
   export let state = "open";

@@ -33,13 +35,6 @@

   .active {
     color: var(--color-foreground);
   }
   .empty {
     padding: 1rem;
     cursor: default;
     color: var(--color-foreground-faded);
     background-color: var(--color-foreground-background);
     border-radius: var(--border-radius-medium);
   }
   .separator {
     color: var(--color-foreground-faded);
     margin: 0 0.5rem;

@@ -67,5 +62,8 @@

 {#if filteredIssues.length}
   <slot {filteredIssues} />
 {:else}
   <div class="empty">No results matched your search.</div>
   <Placeholder icon="🍣">
     <div slot="title">{capitalize(state)} issues</div>
     <div slot="body">No issues matched the current filter</div>
   </Placeholder>
 {/if}