diff --git a/src/lib/components/Loading.svelte b/src/lib/components/Loading.svelte index 17aa92f..4ccf026 100644 --- a/src/lib/components/Loading.svelte +++ b/src/lib/components/Loading.svelte @@ -21,21 +21,21 @@ left: 0%; top: 0%; animation: rotate-one 1s linear infinite; - border-bottom: 3px solid var(--fg); + border-bottom: 3px solid gray; } .inner.two { right: 0%; top: 0%; animation: rotate-two 1s linear infinite; - border-right: 3px solid var(--fg); + border-right: 3px solid gray; } .inner.three { right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; - border-top: 3px solid var(--fg); + border-top: 3px solid gray; } @keyframes rotate-one { diff --git a/src/routes/repos/+page.svelte b/src/routes/repos/+page.svelte index 9595167..31b1ebc 100644 --- a/src/routes/repos/+page.svelte +++ b/src/routes/repos/+page.svelte @@ -1,9 +1,11 @@ - - {#each $repos as repo} - -
- {repo.description} -
- {#if repoImages[repo.name]} - - repo image - {/if} -
- {/each} -
+{#await loadRepos()} + +{:then _} + {#if $repos.length == 0} + {console.log("No Repos")} +
+ {toasts.add({ + title: 'Error', + description: 'Failed to load repositories', + duration: 5000, + type: 'error', + placement: 'bottom-center', + showProgress: true + })} +
+ {/if} + + + {#each $repos as repo} + + +
+ {repo.description} +
+ {#if repoImages[repo.name]} + + repo image + {/if} +
+ {/each} +
+{/await}