first version

frontend/src/lib/components/widgets/pageLinkBlocks.svelte

@@ -1,22 +1,21 @@
 <script lang="ts">
     import { navigate } from "svelte-routing/src/history"
-    import { openExtendableNr, pages, rerender, scrollToRowNr } from "../../store"
-    export let col: Column
+    import { openExtendableNr, rerender, scrollToRowNr } from "../../store"
+    export let pages: Page[]
+    let jobOffers = pages.map((p) => p.jobOffer)
     let focused = -1
 </script>
 
 <div class="link-container">
-    {#each col.pageLinkBlocks as link, i}
-        {#if isNaN(link.extendableRowNr)}
+    {#each jobOffers as job, i}
+        {#if i > 3}
             <button
                 class="page-ref"
                 on:click="{() => {
                     $rerender = $rerender + 1
-                    $scrollToRowNr = link.rowNr
-                    navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
                 }}"
             >
-                {link.name}
+                {job.title}
             </button>
         {:else}
             <button
@@ -29,14 +28,9 @@
                 class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
-                    $scrollToRowNr = link.rowNr
-                    $openExtendableNr = link.extendableRowNr
-                    navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
                 }}"
             >
-                <div>
-                    {link.name}
-                </div>
+                <div>Mehr offene Stellen</div>
                 <svg
                     data-src="/media/arrow-r.svg"
                     stroke="{i == focused ? '#fff' : 'black'}"