From 200b6f265bd2d78f8a915d28a51a1e044584e550 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Fri, 3 Jun 2022 17:44:14 -0500
Subject: [PATCH] Add next button to initialList

---
 components/search-stork.vue | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/components/search-stork.vue b/components/search-stork.vue
index 40b18fe..0beeb7b 100644
--- a/components/search-stork.vue
+++ b/components/search-stork.vue
@@ -208,6 +208,28 @@
             </ul>
 
         </div>
+
+        <nav
+            v-if="showingInitialList"
+            class="pagination w-full flex justify-center"
+        >
+            <LinkButton
+                v-if="nextPageUrl"
+                :href="nextPageUrl"
+
+                class="border-2 border-gray-700 bg-dark hover:bg-darkest hover:border-white hover:border-opacity-50"
+            >
+                <span>Next</span>
+
+                <svg
+                    class="h-5 w-5 -mr-2"
+                    viewBox="0 0 20 20"
+                    fill="currentColor"
+                >
+                    <use href="#chevron-right" />
+                </svg>
+            </LinkButton>
+        </nav>
     </div>
 </template>
 
@@ -311,6 +333,9 @@ export default {
         hasSearchInputText () {
             return this.query.length > 0
         },
+        showingInitialList () {
+            return !this.hasSearchInputText
+        },
         queryParts () {
             return this.query.split(/\s+/).filter(part => part.length > 0)
         },
@@ -324,6 +349,16 @@ export default {
             }
 
             return null
+        },
+        nextPageUrl () {
+            if ( this.kindPage.nextPage.length === 0 ) return null
+
+            return this.kindPage.nextPage
+        },
+        previousPageUrl () {
+            if ( this.kindPage.previousPage.length === 0 ) return null
+
+            return this.kindPage.previousPage
         }
     },
     mounted () {