From b4c447a1298dd6602dd9a35d856849b4da72f055 Mon Sep 17 00:00:00 2001
From: Luka <47296785+lukadev-0@users.noreply.github.com>
Date: Tue, 29 Oct 2024 21:34:17 +0100
Subject: [PATCH] fix(website): broken search page (#4)

---
 website/src/routes/(app)/search/+page.svelte | 51 ++++++++++----------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/website/src/routes/(app)/search/+page.svelte b/website/src/routes/(app)/search/+page.svelte
index f70adee..7d8203d 100644
--- a/website/src/routes/(app)/search/+page.svelte
+++ b/website/src/routes/(app)/search/+page.svelte
@@ -69,32 +69,33 @@
 
 						goto(`/search?${params}`)
 					}}
-					let:pages
 				>
-					<div class="flex items-center space-x-1">
-						<Pagination.PrevButton
-							class="hover:enabled:bg-card-hover inline-flex size-8 items-center justify-center rounded transition disabled:opacity-50"
-						>
-							<ChevronLeft />
-						</Pagination.PrevButton>
-						{#each pages as page (page.key)}
-							{#if page.type === "ellipsis"}
-								<div class="px-2">...</div>
-							{:else}
-								<Pagination.Page
-									{page}
-									class="hover:bg-card-hover hover:text-heading data-[selected]:bg-primary-bg data-[selected]:text-primary-fg inline-flex size-8 items-center justify-center rounded font-bold transition"
-								>
-									{page.value}
-								</Pagination.Page>
-							{/if}
-						{/each}
-						<Pagination.NextButton
-							class="hover:enabled:bg-card-hover inline-flex size-8 items-center justify-center rounded transition disabled:opacity-50"
-						>
-							<ChevronRight />
-						</Pagination.NextButton>
-					</div>
+					{#snippet children({ pages })}
+						<div class="flex items-center space-x-1">
+							<Pagination.PrevButton
+								class="hover:enabled:bg-card-hover inline-flex size-8 items-center justify-center rounded transition disabled:opacity-50"
+							>
+								<ChevronLeft />
+							</Pagination.PrevButton>
+							{#each pages as page (page.key)}
+								{#if page.type === "ellipsis"}
+									<div class="px-2">...</div>
+								{:else}
+									<Pagination.Page
+										{page}
+										class="hover:bg-card-hover hover:text-heading data-[selected]:bg-primary-bg data-[selected]:text-primary-fg inline-flex size-8 items-center justify-center rounded font-bold transition"
+									>
+										{page.value}
+									</Pagination.Page>
+								{/if}
+							{/each}
+							<Pagination.NextButton
+								class="hover:enabled:bg-card-hover inline-flex size-8 items-center justify-center rounded transition disabled:opacity-50"
+							>
+								<ChevronRight />
+							</Pagination.NextButton>
+						</div>
+					{/snippet}
 				</Pagination.Root>
 			{/snippet}