From 016f18809c5f6e76890c2ac0be962e54b932e0d6 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 3 Jun 2024 21:42:51 +0200
Subject: [PATCH] bugfixing: switch between hot and new posts

---
 src/lib/components/PostSection.svelte |  2 +-
 src/routes/+page.svelte               |  6 ++----
 src/routes/community/+page.svelte     | 14 ++++++--------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/PostSection.svelte b/src/lib/components/PostSection.svelte
index 6a2ed762..2a164207 100644
--- a/src/lib/components/PostSection.svelte
+++ b/src/lib/components/PostSection.svelte
@@ -284,7 +284,7 @@ $: {
         {/if}
       </form>
       <!--End Upvote-->
-      <label class="px-6 py-4 w-14 rounded-lg bg-[#202020] border border-gray-700 text-[1rem] text-bold text-white">
+      <label class="text-center py-4 w-14 rounded-lg bg-[#202020] border border-gray-700 text-[1rem] text-bold text-white">
           {upvoteCounter[posts?.id] - downvoteCounter[posts?.id] }
       </label>
       <!--Start Downvote-->
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 72f30f02..420a52c5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -235,9 +235,7 @@ onMount( async() => {
                                     {/if}
 
                                      
-                
-
-
+              
                                 </div>
                                 <!-- End Column -->
                             
@@ -254,7 +252,7 @@ onMount( async() => {
       
           </div>
 
-  <div class="w-full max-w-3xl m-auto mb-20 flex justify-center items-center">
+  <div class="w-full max-w-3xl m-auto mb-20 -mt-4 flex justify-center items-center">
     <a href="/community" class="px-4 py-3 text-white bg-[#202327] rounded-lg flex flex-row items-center font-medium transition duration-150 ease-in-out group">
      <span>Follow the Community </span>
       <span class="ml-1 mt-0.5 tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out">
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 636652a2..1f18a3af 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -56,7 +56,7 @@ async function infiniteHandler({ detail: { loaded, complete } })
 {
 
   // console.log("Page position:", window.pageYOffset);
-  seenPostId = posts?.map(obj => obj.id);
+  seenPostId = posts?.map(obj => obj?.id);
 
   if (!postLoading && !noPostMore) {
     postLoading = true;
@@ -244,7 +244,7 @@ onMount(async () => {
 
   else {
     // Use cached data if available
-    posts = $cachedPosts[0].posts;
+    posts = $cachedPosts?.at(0)?.posts;
     communityStats = getCache('', 'getCommunityStats');
     moderators = getCache('', 'getModerators');
     discordData = getCache('','getDiscordWidget');
@@ -269,22 +269,19 @@ onDestroy(async () => {
 
 
 
-let sortingPosts = $cachedPosts?.at(0)?.sortingPosts?.length > 0 ? $cachedPosts?.at(0)?.sortingPosts : 'new';
+let sortingPosts = $cachedPosts?.at(0)?.sortingPosts?.length > 0 ? $cachedPosts?.at(0)?.sortingPosts : 'hot';
 
 async function handleCategoryOfPosts(state) {
   loading = true;
-  posts = null;
+  posts = [];
   currentPage = 1;
   postLoading = false;
   seenPostId = [];
   noPostMore = false;
 
   sortingPosts = state;
-
+  $cachedPosts = [];
   posts = await getPost();
-
-  
-
   loading = false;
   
 }
@@ -346,6 +343,7 @@ $: {
 
 
 
+
 </script>