From 41fd2a8c0310b4fd384fc93fac4c7cf05034bf65 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 30 May 2022 15:00:36 +0200
Subject: [PATCH] fix: now component visible when there aren't pages

---
 src/lib/components/pagination.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/lib/components/pagination.svelte b/src/lib/components/pagination.svelte
index b20e9f77c..6c894b5b9 100644
--- a/src/lib/components/pagination.svelte
+++ b/src/lib/components/pagination.svelte
@@ -90,4 +90,22 @@
             <span class="icon-cheveron-right" aria-hidden="true" />
         </button>
     </nav>
+{:else}
+    <nav class="pagination">
+        <button class="button is-text is-disabled" aria-label="prev page">
+            <span class="icon-cheveron-left" aria-hidden="true" />
+            <span class="text">Prev</span>
+        </button>
+        <ol class="pagination-list is-only-desktop">
+            <li class="pagination-item">
+                <button class="button is-disabled" aria-label="page">
+                    <span class="text">1</span>
+                </button>
+            </li>
+        </ol>
+        <button class="button is-text is-disabled" aria-label="next page">
+            <span class="text">Next</span>
+            <span class="icon-cheveron-right" aria-hidden="true" />
+        </button>
+    </nav>
 {/if}