update metadata

src/routes/api/models/[id]/+server.ts

@@ -26,6 +26,7 @@ export async function GET({ url, params } : RequestEvent) {
       instance_prompt: true,
       metadata: true,
       base_model: true,
+      isPublic: true,
       gallery: {
         select: {
           id: true,
@@ -62,6 +63,7 @@ export async function GET({ url, params } : RequestEvent) {
       image: true,
       id: true,
       metadata: true,
+      isPublic: true,
       gallery: {
         select: {
           image: true,
@@ -102,7 +104,7 @@ export async function GET({ url, params } : RequestEvent) {
   }
 
   // get puppeteer screenshot
-  if (!model.metadata && metadata) {
+  if (!model.metadata && metadata && model?.isPublic) {
     const browser = await puppeteer.launch({
       headless: true,
       defaultViewport: {

src/routes/metadata/models/[userId]/[slug]/+page.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import Image from '$lib/components/models/image/Image.svelte';
+  
   export let data;
 </script>
 
@@ -12,7 +14,7 @@
         </h1>
 
       </div>
-      <img src="{data?.model?.image}" class="w-full h-full bg-center bg-cover rounded-lg object-cover object-center bg-neutral-800" alt="{data?.model?.id}" />
+      <Image src={data?.model?.image} generatedImage={data?.model?.gallery?.[0]?.image} className="w-full h-full bg-center bg-cover rounded-lg object-cover object-center bg-neutral-800" alt={data?.model?.id} />
     </div>
   </div>
 </div>