Show that we're loading something

This commit is contained in:
Alexis Sellier
2021-05-10 14:12:26 +02:00
parent 183251d111
commit e274cac675
+7 -5
View File
@@ -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">