From 18fbad319192e8a6a000cb267220fac46fb336fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Tue, 30 Nov 2021 21:18:47 +0100
Subject: [PATCH] [ui] basic resolving indicator

---
 ui/src/components/Address.svelte | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/Address.svelte b/ui/src/components/Address.svelte
index 6f97f60..cfad319 100644
--- a/ui/src/components/Address.svelte
+++ b/ui/src/components/Address.svelte
@@ -10,14 +10,17 @@
   export let link = false;
   export let isFile = false;
   export let resolve = true;
+  let resolving = resolve;
 
   // Identification
   let inferredIds = [];
   const { attributes, backlinks } = useEntity(address, () => resolve);
   $: {
     if (resolve) {
+      resolving = true;
       identify($attributes, $backlinks).then((inferredEntries) => {
         inferredIds = inferredEntries.map((eid) => eid.value);
+        resolving = false;
       });
     }
   }
@@ -27,17 +30,19 @@
   <HashBadge {address} />
   <div class="separator" />
   <Marquee>
-    {#if isFile}
-      <UpLink to={{ entity: address }}>
-        {address}
-      </UpLink>
-    {:else if link}
-      <UpLink to={{ entity: address }}>
+    <div class="inner" class:resolving>
+      {#if isFile}
+        <UpLink to={{ entity: address }}>
+          {address}
+        </UpLink>
+      {:else if link}
+        <UpLink to={{ entity: address }}>
+          {inferredIds.join(" | ") || address}
+        </UpLink>
+      {:else}
         {inferredIds.join(" | ") || address}
-      </UpLink>
-    {:else}
-      {inferredIds.join(" | ") || address}
-    {/if}
+      {/if}
+    </div>
   </Marquee>
 </div>
 
@@ -64,4 +69,8 @@
   .separator {
     width: 0.5em;
   }
+
+  .resolving {
+    opacity: 0.7;
+  }
 </style>