From 6d25de5b5682ff632d8e44b5679213e572eb0b22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Fri, 4 Feb 2022 23:03:05 +0100
Subject: [PATCH] [ui] don't show groups unless there are some

---
 webui/src/components/Inspect.svelte | 52 +++++++++++++++--------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/webui/src/components/Inspect.svelte b/webui/src/components/Inspect.svelte
index 5d29f97..11a12b8 100644
--- a/webui/src/components/Inspect.svelte
+++ b/webui/src/components/Inspect.svelte
@@ -180,32 +180,34 @@
         <Spinner />
       {/if}
     </h2>
-    <section class="groups labelborder">
-      <header><h3>Groups</h3></header>
-      <div class="content">
-        {#each groups as [entryAddress, address]}
-          <div class="group">
-            <UpObject {address} link />
-            {#if editable}
-              <IconButton
-                name="x-circle"
-                on:click={() => removeGroup(entryAddress)}
+    {#if groups?.length}
+      <section class="groups labelborder">
+        <header><h3>Groups</h3></header>
+        <div class="content">
+          {#each groups as [entryAddress, address]}
+            <div class="group">
+              <UpObject {address} link />
+              {#if editable}
+                <IconButton
+                  name="x-circle"
+                  on:click={() => removeGroup(entryAddress)}
+                />
+              {/if}
+            </div>
+          {/each}
+          {#if editable}
+            <div class="selector">
+              <Selector
+                type="entity"
+                bind:value={groupToAdd}
+                on:input={addGroup}
+                placeholder="Choose an entity..."
               />
-            {/if}
-          </div>
-        {/each}
-        {#if editable}
-          <div class="selector">
-            <Selector
-              type="entity"
-              bind:value={groupToAdd}
-              on:input={addGroup}
-              placeholder="Choose an entity..."
-            />
-          </div>
-        {/if}
-      </div>
-    </section>
+            </div>
+          {/if}
+        </div>
+      </section>
+    {/if}
   </header>
   <BlobPreview {address} />
   <NotesEditor {address} {editable} on:change={onChange} />