Radish alpha
r
radicle-desktop
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Commits › d68a06c
Show a spinner if startup takes more than 1 sec
Sebastian Martinez committed 10 months ago
commit d68a06c33acc8b3a469949c3671c7d83ca101afa
parent b001e6d
1 file changed +15 -0
modified src/App.svelte
@@ -18,6 +18,7 @@
  } from "@app/lib/appearance.svelte";

  import { theme } from "@app/components/ThemeSwitch.svelte";

  import { unreachable, isMac } from "@app/lib/utils";
+ 
  import delay from "lodash/delay";



  import Auth from "@app/views/booting/Auth.svelte";

  import CreateIdentity from "@app/views/booting/CreateIdentity.svelte";
@@ -28,6 +29,7 @@
  import Patches from "@app/views/repo/Patches.svelte";

  import RepoHome from "@app/views/repo/RepoHome.svelte";

  import Repos from "@app/views/home/Repos.svelte";
+ 
  import Spinner from "./components/Spinner.svelte";



  const activeRouteStore = router.activeRouteStore;
@@ -36,6 +38,8 @@
  let unlistenNodeEvents: UnlistenFn | undefined = undefined;

  let unlistenSyncStatus: UnlistenFn | undefined = undefined;
+ 
  let showSpinner = $state(false);
+ 
  delay(() => (showSpinner = true), 1000);

  onMount(async () => {

    try {

      profile = await invoke<Config>("startup");
@@ -85,6 +89,15 @@
  $effect(() => document.documentElement.setAttribute("data-theme", $theme));

</script>
+ 
<style>
+ 
  .spinner {
+ 
    display: flex;
+ 
    justify-content: center;
+ 
    align-items: center;
+ 
    height: 100%;
+ 
  }
+ 
</style>
+ 


<svelte:document

  onkeydown={e => {

    const auxiliarKey = isMac() ? e.metaKey : e.ctrlKey;
@@ -104,6 +117,8 @@
    <CreateIdentity />

  {:else if startup.error?.code === "PassphraseError.InvalidPassphrase" && profile}

    <Auth profile={{ did: profile.publicKey, alias: profile.alias }} />
+ 
  {:else if showSpinner}
+ 
    <div class="spinner"><Spinner /></div>

  {/if}

{:else if $activeRouteStore.resource === "home"}

  <Repos {...$activeRouteStore.params} />