fix: svg (pre)views
This commit is contained in:
parent
3b4378dfed
commit
601831e8bb
2 changed files with 8 additions and 2 deletions
|
@ -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)}
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in a new issue