From 04bd82d0776154c476ff79310d4a096d4fe3188d Mon Sep 17 00:00:00 2001
From: juansensio <sensio.juan@gmail.com>
Date: Thu, 24 Oct 2024 11:52:24 +0200
Subject: [PATCH] fix bug models link home

---
 ui/src/routes/Popular.svelte | 18 ++++++++++++++----
 ui/src/routes/Recent.svelte  | 17 ++++++++++++-----
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/ui/src/routes/Popular.svelte b/ui/src/routes/Popular.svelte
index c64672e3..46943fbb 100755
--- a/ui/src/routes/Popular.svelte
+++ b/ui/src/routes/Popular.svelte
@@ -1,12 +1,11 @@
 <script>
     import Card from "$components/Card.svelte";
     import Skeleton from "$components/Skeleton.svelte";
-    import {links, modelImagesOffset} from "$stores/images"
+    import { links, modelImagesOffset } from "$stores/images";
 
     export let data;
     export let title;
     export let tags;
-    
 </script>
 
 <div class="flex flex-col items-center w-full pt-10">
@@ -18,9 +17,20 @@
             {#if data}
                 {#each data as item, i}
                     {#if title.includes("models")}
-                    <Card data={item} {tags} img={links[(i+modelImagesOffset*2)%links.length]}/>
+                        <Card
+                            data={item}
+                            {tags}
+                            img={links[
+                                (i + modelImagesOffset * 2) % links.length
+                            ]}
+                            link="models"
+                        />
                     {:else}
-                    <Card data={item} {tags} img={links[i%links.length]}/>
+                        <Card
+                            data={item}
+                            {tags}
+                            img={links[i % links.length]}
+                        />
                     {/if}
                 {/each}
             {:else}
diff --git a/ui/src/routes/Recent.svelte b/ui/src/routes/Recent.svelte
index 4de7fd0b..32b2cb6e 100755
--- a/ui/src/routes/Recent.svelte
+++ b/ui/src/routes/Recent.svelte
@@ -1,12 +1,11 @@
 <script>
     import Card from "$components/Card.svelte";
     import Skeleton from "$components/Skeleton.svelte";
-    import { links, modelImagesOffset } from "$stores/images"
+    import { links, modelImagesOffset } from "$stores/images";
 
     export let data;
     export let title;
     export let tags;
-
 </script>
 
 <div class="flex flex-col items-center w-full">
@@ -31,11 +30,19 @@
             {#if data}
                 {#each data as item, i}
                     {#if title.includes("models")}
-                    <Card data={item} {tags} img={links[(i+modelImagesOffset)%links.length]}/>
+                        <Card
+                            data={item}
+                            {tags}
+                            img={links[(i + modelImagesOffset) % links.length]}
+                            link="models"
+                        />
                     {:else}
-                    <Card data={item} {tags} img={links[i%links.length]}/>
+                        <Card
+                            data={item}
+                            {tags}
+                            img={links[i % links.length]}
+                        />
                     {/if}
-
                 {/each}
             {:else}
                 {#each [1, 2, 3] as _}