public omg

src/lib/components/models/drawer/Drawer.svelte

@@ -8,6 +8,7 @@
   import { modelStore } from "$lib/stores/use-model";
   import UserIsLogged from '$lib/components/UserIsLogged.svelte';
   import Comments from '$lib/components/models/drawer/comments/Comments.svelte';
+	import { env } from '$env/dynamic/public';
 
   let data = get(modelStore);
 
@@ -64,7 +65,7 @@
             <div class="grid grid-cols-3 md:grid-cols-5 lg:grid-cols-6 gap-5 mt-2">
               {#each data?.gallery as example}
                 <div class="w-full h-[120px] relative z-[1] mb-3 overflow-hidden">
-                  <img src="https://huggingface.co/datasets/enzostvs/loras-studio/resolve/main/{example.image}?expose=true'" class="w-full h-full bg-center bg-cover rounded-lg object-cover object-center bg-neutral-800" alt={example.prompt} />
+                  <img src="{env.PUBLIC_FILE_UPLOAD_DIR}/{example.image}" class="w-full h-full bg-center bg-cover rounded-lg object-cover object-center bg-neutral-800" alt={example.prompt} />
                 </div>
               {/each}
             </div>