From 94b9f6637db3ce544ac1186890c6430f844cf9fb Mon Sep 17 00:00:00 2001
From: J-onasJones <me@jonasjones.dev>
Date: Sun, 16 Jun 2024 20:27:04 +0200
Subject: [PATCH] added message when no post

---
 src/components/PostList.svelte | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/PostList.svelte b/src/components/PostList.svelte
index cfa10ca..77c0540 100644
--- a/src/components/PostList.svelte
+++ b/src/components/PostList.svelte
@@ -12,22 +12,31 @@
     let error = false;
     let loading = true;
 
+    let noPostMessage = '';
+
     onMount(async () => {
         try {
             const response = await fetch('https://cdn.jonasjones.dev/blog/index.json');
 
             posts = await response.json();
 
-            // for each post, conver the date string to a Date object
-            posts.forEach(post => {
-                post.date = new Date(post.date);
-            });
+            if (posts.length === 0) {
+                loading = false;
+                noPostMessage = 'No posts found :/';
+                return;
+            } else {
 
-            filteredPosts = posts.filter(post => post.title.toLowerCase().includes(query.toLowerCase()));
+                // for each post, conver the date string to a Date object
+                posts.forEach(post => {
+                    post.date = new Date(post.date);
+                });
 
-            // sort the posts by date
-            filteredPosts.sort((a, b) => b.date - a.date);
-            loading = false;
+                filteredPosts = posts.filter(post => post.title.toLowerCase().includes(query.toLowerCase()));
+
+                // sort the posts by date
+                filteredPosts.sort((a, b) => b.date - a.date);
+                loading = false;
+            }
         } catch (error) {
             console.error(error);
             error = true;
@@ -42,6 +51,7 @@
     {#if error}
         <NotFound />
     {:else}
+    <h2 style="text-align: center;">{noPostMessage}</h2>
         <div class="postList">
             {#each filteredPosts as post}
                 <div class="postDiv">