🥅 add error-handling for shelf/nightstand

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
SindreKjelsrud · Jul 29, 2024 · cb37a74 · cb37a74
1 parent 22eb06b
commit cb37a74
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/pages/logs/bookshelf.astro b/src/pages/logs/bookshelf.astro
@@ -41,16 +41,24 @@ const sortedYears = Object.keys(booksByYear).sort((a: any, b: any) => b - a);
         <h1 class="text-3xl font-extrabold">📚 ¿Dónde está la biblioteca?</h1>
         <h2 class="text-xl font-semibold">on the shelf</h2>
         <ul class="flex flex-col text-s gap-2 text-l">
-            {booksShelf.map((book) => (
+            {booksShelf.length !== 0 ? (
+            booksShelf.map((book) => (
                 <li class="borderbottom">📚 {book.title}</li>
-            ))}
+            ))
+          ) : (
+            <p>currently empty...</p>
+          )}
         </ul>
 
         <h2 class="text-xl font-semibold">on the nightstand</h2>
-        <ul>
-            {booksReading.map((book) => (
-                <li class="borderbottom">📖 {book.title}</li>
-            ))}
+        <ul  class="flex flex-col text-s gap-2 text-l">
+          {booksReading.length !== 0 ? (
+            booksReading.map((book) => (
+              <li class="borderbottom">📖 {book.title}</li>
+            ))
+          ) : (
+            <p>currently empty...</p>
+          )}
         </ul>
 
         {sortedYears.map(year => (