From c978c6eb50a7fa5c586620773108f196a968f0e9 Mon Sep 17 00:00:00 2001
From: Damillora <damillora@damillora.com>
Date: Mon, 10 May 2021 10:17:42 +0700
Subject: [PATCH] fix: correct pagination issues

---
 web/app/src/routes/Posts.svelte |  8 ++++----
 web/app/src/routes/Tag.svelte   | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/app/src/routes/Posts.svelte b/web/app/src/routes/Posts.svelte
index fe1b61b..2d466a2 100644
--- a/web/app/src/routes/Posts.svelte
+++ b/web/app/src/routes/Posts.svelte
@@ -20,14 +20,14 @@
       let queryParams;
       $: queryParams = queryString.parse(location.search);
       if(queryParams.page) {
-          page = queryParams.page;
+          page = parseInt(queryParams.page);
       }
         getData();
      })
     
     const handlePage = (i) => {
         return () => {
-            page = 1;
+            page = i;
             getData();
         }
     }
@@ -51,7 +51,7 @@
             <a class="pagination-next">Next page</a>
             {/if}
             <ul class="pagination-list">
-            {#if page > 2}
+            {#if page > 3}
             <li>
                 <Link on:click="{handlePage(1)}" to="/posts?page={1}" class="pagination-link" aria-label="Goto page 1">1</Link>
             </li>
@@ -72,7 +72,7 @@
                 {/if}
               {/if}
               {/each}
-              {#if (totalPages - page) > 2}
+              {#if (totalPages - page) > 3}
               <li>
                   <span class="pagination-ellipsis">&hellip;</span>
               </li>
diff --git a/web/app/src/routes/Tag.svelte b/web/app/src/routes/Tag.svelte
index 93a0c26..4453bcf 100644
--- a/web/app/src/routes/Tag.svelte
+++ b/web/app/src/routes/Tag.svelte
@@ -15,21 +15,21 @@
         const data = await getPostsTag({page, tag: id});
         if(Array.isArray(data.posts)) {
             posts = data.posts;
+        totalPages = data.totalPage;
         }
     }
     onMount(() => { 
       let queryParams;
       queryParams = queryString.parse(location.search);
       if(queryParams.page) {
-          page = queryParams.page;
-        totalPages = data.totalPage;
+          page = parseInt(queryParams.page);
       }
         getData();
      })
     
     const handlePage = (i) => {
         return () => {
-            page = 1;
+            page = i;
             getData();
         }
     }
@@ -56,7 +56,7 @@
             <a class="pagination-next">Next page</a>
             {/if}
             <ul class="pagination-list">
-            {#if page > 2}
+            {#if page > 3}
             <li>
                 <Link on:click="{handlePage(1)}" to="/tag/{id}?page={1}" class="pagination-link" aria-label="Goto page 1">1</Link>
             </li>
@@ -77,7 +77,7 @@
                 {/if}
               {/if}
               {/each}
-              {#if (totalPages - page) > 2}
+              {#if (totalPages - page) > 3}
               <li>
                   <span class="pagination-ellipsis">&hellip;</span>
               </li>