From 89ff90629ffb6a2139e88eafa0d2da0e84be7ee7 Mon Sep 17 00:00:00 2001
From: Admin <admin@kalekber.cc>
Date: Wed, 4 Mar 2026 00:46:40 +0500
Subject: [PATCH] fix(ui/books): guard against null items from PocketBase
 listAll

---
 ui/src/lib/server/pocketbase.ts  | 2 +-
 ui/src/routes/books/+page.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/lib/server/pocketbase.ts b/ui/src/lib/server/pocketbase.ts
index 1c0e55f..6a1f7c8 100644
--- a/ui/src/lib/server/pocketbase.ts
+++ b/ui/src/lib/server/pocketbase.ts
@@ -125,7 +125,7 @@ async function listAll<T>(collection: string, filter = '', sort = ''): Promise<T
 	const data = await pbGet<PBList<T>>(
 		`/api/collections/${collection}/records?${params.toString()}`
 	);
-	return data.items;
+	return data.items ?? [];
 }
 
 async function listOne<T>(collection: string, filter: string): Promise<T | null> {
diff --git a/ui/src/routes/books/+page.svelte b/ui/src/routes/books/+page.svelte
index 2138d13..23c0daf 100644
--- a/ui/src/routes/books/+page.svelte
+++ b/ui/src/routes/books/+page.svelte
@@ -19,10 +19,10 @@
 
 <div class="mb-6">
 	<h1 class="text-2xl font-bold text-zinc-100">Library</h1>
-	<p class="text-zinc-400 text-sm mt-1">{data.books.length} books</p>
+	<p class="text-zinc-400 text-sm mt-1">{data.books?.length ?? 0} books</p>
 </div>
 
-{#if data.books.length === 0}
+{#if !data.books?.length}
 	<div class="text-center py-20 text-zinc-500">
 		<p class="text-lg">No books scraped yet.</p>
 		<p class="text-sm mt-2">Use the scraper API to add books.</p>