From faa75278a1aadb3914e22482dc9bba104cae4d31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 27 Jan 2024 15:07:13 +0100
Subject: [PATCH] style(webui):  blob preview labels

---
 .../src/lib/components/display/BlobPreview.svelte | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/webui/src/lib/components/display/BlobPreview.svelte b/webui/src/lib/components/display/BlobPreview.svelte
index 471497d..4b202ab 100644
--- a/webui/src/lib/components/display/BlobPreview.svelte
+++ b/webui/src/lib/components/display/BlobPreview.svelte
@@ -15,6 +15,7 @@
 
 	export let address: string;
 	export let recurse = 3;
+	export let labels = false;
 
 	$: ({ entity, entityInfo } = useEntity(address));
 	$: types = $entity && $entityInfo && getTypes($entity, $entityInfo);
@@ -64,6 +65,7 @@
 						<li>
 							<svelte:self
 								{address}
+								labels
 								recurse={recurse - 1}
 								on:handled={(ev) => {
 									if (!ev.detail && !failedChildren.includes(address))
@@ -119,6 +121,13 @@
 			<HashBadge {address} />
 		</div>
 	{/if}
+	{#if labels}
+		<div class="labels">
+			{#each $entity?.identify() || [] as label}
+				<span>{label}</span>
+			{/each}
+		</div>
+	{/if}
 </div>
 
 <style lang="scss">
@@ -189,4 +198,10 @@
 			min-width: 0;
 		}
 	}
+
+	.labels {
+		font-size: 0.66rem;
+		text-align: center;
+		opacity: 0.6;
+	}
 </style>