From e274cac675bbf351c888cbc045e7f056ed8e87b9 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 10 May 2021 14:12:26 +0200
Subject: [PATCH] Show that we're loading something

---
 src/base/orgs/Profile.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/base/orgs/Profile.svelte b/src/base/orgs/Profile.svelte
index 589ec0c84..1b972a86c 100644
--- a/src/base/orgs/Profile.svelte
+++ b/src/base/orgs/Profile.svelte
@@ -14,9 +14,11 @@
 
   let address = `${name}.${config.registrar.domain}`;
   let registration: Registration | null = null;
+  let loading = true;
 
   getRegistration(name, config).then(r => {
     registration = r;
+    loading = false;
   });
 
   const back = () => navigate("/orgs");
@@ -54,9 +56,6 @@
     width: 64px;
     height: 64px;
   }
-  .avatar.placeholder {
-    border: 1px solid var(--color-secondary);
-  }
 </style>
 
 {#await Org.get(address, config)}
@@ -69,8 +68,6 @@
           <div class="avatar">
             <img src={registration.avatar} alt="avatar" />
           </div>
-        {:else}
-          <div class="avatar placeholder"></div>
         {/if}
         <div class="info">
           <span class="title bold">{address}</span>
@@ -78,6 +75,11 @@
             <a class="url" href={registration.url}>{registration.url}</a>
           {/if}
         </div>
+        <div>
+          {#if loading}
+            <Loading small />
+          {/if}
+        </div>
       </header>
 
       <div class="fields">