From 601831e8bbd4c5cca08cf15c49908f1967498dfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 1 Oct 2022 22:38:44 +0200
Subject: [PATCH] fix: svg (pre)views

---
 webui/src/components/display/BlobPreview.svelte       | 5 ++++-
 webui/src/components/display/blobs/ImageViewer.svelte | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 5d37617..01eb42f 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -6,6 +6,7 @@
   import VideoViewer from "./blobs/VideoViewer.svelte";
   import HashBadge from "./HashBadge.svelte";
   import { API_URL } from "../../lib/api";
+  import { includes } from "lodash";
 
   export let address: string;
 
@@ -60,7 +61,9 @@
           </div>
         {/if}
         <img
-          src="{API_URL}/thumb/{address}?size=512&quality=75"
+          src="{API_URL}/{mimeType?.includes('svg+xml')
+            ? 'raw'
+            : 'thumb'}/{address}?size=512&quality=75"
           alt="Thumbnail for {address}..."
           on:load={() => (imageLoaded = address)}
           on:error={() => (handled = false)}
diff --git a/webui/src/components/display/blobs/ImageViewer.svelte b/webui/src/components/display/blobs/ImageViewer.svelte
index 6003343..ce9687d 100644
--- a/webui/src/components/display/blobs/ImageViewer.svelte
+++ b/webui/src/components/display/blobs/ImageViewer.svelte
@@ -21,6 +21,9 @@
   let imageLoaded = false;
   let imageEl: HTMLImageElement;
 
+  $: svg = Boolean($entity?.get("FILE_MIME")?.toString().includes("svg+xml"));
+  $: console.log({svg});
+
   interface Annotorious {
     addAnnotation: (a: W3cAnnotation) => void;
     on: ((
@@ -231,7 +234,7 @@
   >
     <img
       class="preview-image"
-      src="{API_URL}/{detail ? 'raw' : 'thumb'}/{address}"
+      src="{API_URL}/{detail || svg ? 'raw' : 'thumb'}/{address}"
       alt={address}
       on:load={loaded}
       bind:this={imageEl}