From 6bc4e7ffced52b5f630560d94e26c747d08bf659 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 4 Dec 2021 22:43:26 +0100
Subject: [PATCH] [ui] responsivize ui, fix nav

---
 ui/src/components/Address.svelte     | 2 +-
 ui/src/components/BlobPreview.svelte | 2 +-
 ui/src/components/Inspect.svelte     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/Address.svelte b/ui/src/components/Address.svelte
index beb38d9..58bf1ad 100644
--- a/ui/src/components/Address.svelte
+++ b/ui/src/components/Address.svelte
@@ -14,7 +14,7 @@
 
   let resolving = resolve;
 
-  const { attributes, backlinks } = useEntity(address, () => resolve);
+  $: ({ attributes, backlinks } = useEntity(address, () => resolve));
 
   // isFile
   $: isFile = $attributes.some(
diff --git a/ui/src/components/BlobPreview.svelte b/ui/src/components/BlobPreview.svelte
index 6c7f578..d1a17f8 100644
--- a/ui/src/components/BlobPreview.svelte
+++ b/ui/src/components/BlobPreview.svelte
@@ -2,7 +2,7 @@
   import { useEntity } from "../lib/entity";
   export let address: string;
 
-  const { attributes } = useEntity(address);
+  $: ({ attributes } = useEntity(address));
 
   let mimeType: string | undefined;
   $: mimeType = $attributes.find(([_, e]) => e.attribute === "FILE_MIME")?.[1]
diff --git a/ui/src/components/Inspect.svelte b/ui/src/components/Inspect.svelte
index 0aa3c08..0e0a07f 100644
--- a/ui/src/components/Inspect.svelte
+++ b/ui/src/components/Inspect.svelte
@@ -17,7 +17,7 @@
 
   setContext("browse", { index: indexStore });
 
-  const { error, revalidate, attributes, backlinks } = useEntity(address);
+  $: ({ error, revalidate, attributes, backlinks } = useEntity(address));
 
   $: allTypeAddresses = $attributes
     .map(([_, attr]) => attr)