diff --git a/src/views/nodes/View.svelte b/src/views/nodes/View.svelte index 830e83958..849fe4f79 100644 --- a/src/views/nodes/View.svelte +++ b/src/views/nodes/View.svelte @@ -98,6 +98,24 @@ grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr)); gap: 1rem; } + .empty-state { + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 0.5rem; + height: 35vh; + } + .empty-state .heading { + font-size: var(--font-size-small); + font-weight: var(--font-weight-bold); + } + .empty-state .label { + display: block; + font-size: var(--font-size-small); + font-weight: var(--font-weight-regular); + } @media (max-width: 720px) { .wrapper { width: 100%; @@ -164,19 +182,28 @@ {#await fetchProjectInfos( baseUrl, { show: isLocal(baseUrl.hostname) ? "all" : "pinned", perPage: stats.repos.total }, )} {:then projectInfos} -
- {#each projectInfos as projectInfo} - - {/each} -
+ {#if projectInfos.length > 0} +
+ {#each projectInfos as projectInfo} + + {/each} +
+ {:else} +
+
No pinned projects
+
+ The selected seed node doesn't have any pinned projects. +
+
+ {/if} {:catch error} {router.push(handleError(error, baseUrlToString(api.baseUrl)))} {/await}