diff --git a/src/routes/ImagePost.svelte b/src/routes/ImagePost.svelte index 1152f46f23bfe7329c64de3dfe0c31d0329c9a92..9cbf811071b31bc8acf03ae662c72b93fbd789c5 100644 --- a/src/routes/ImagePost.svelte +++ b/src/routes/ImagePost.svelte @@ -1,7 +1,26 @@ <script> + import { fetchAPI } from "@/static/js/helper"; import { paths } from "@/static/js/paths"; + import { onMount } from "svelte"; export let params = {}; + let imageMetadata = {}; + + async function getImageMetadata() { + return await fetchAPI(paths.ImageField(params.snowflake)); + } + + onMount(async () => { + imageMetadata = await getImageMetadata(); + }); </script> -<img src={paths.ImageFile(params.snowflake)} alt="" /> +<div class="flex flex-row space-x-12"> + <ul class="pl-2"> + <li><strong>Snowflake: </strong> {imageMetadata.snowflake}</li> + <li><strong>Source: </strong> {imageMetadata.source}</li> + <li><strong>Image type: </strong> {imageMetadata.type}</li> + <li><strong>Uploaded by: </strong> {imageMetadata.user}</li> + </ul> + <img src={paths.ImageFile(params.snowflake)} alt="" class="max-w-2xl" /> +</div>