From a9f9fa216a49a125f3a76bec3cecb1f9c5dcbf90 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Fri, 3 Jun 2022 19:08:55 -0500
Subject: [PATCH] Add previous button to stork list

---
 components/search-stork.vue | 33 ++++++++++++++++++++++++++-------
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/components/search-stork.vue b/components/search-stork.vue
index 0beeb7b..0e85595 100644
--- a/components/search-stork.vue
+++ b/components/search-stork.vue
@@ -211,8 +211,26 @@
 
         <nav
             v-if="showingInitialList"
-            class="pagination w-full flex justify-center"
+            class="pagination w-full flex gap-6 justify-center"
         >
+
+            <LinkButton
+                v-if="previousPageUrl"
+                :href="previousPageUrl"
+
+                class="border-2 border-gray-700 bg-dark hover:bg-darkest hover:border-white hover:border-opacity-50"
+            >
+                <svg
+                    class="-scale-x-100 h-5 w-5"
+                    viewBox="0 0 20 20"
+                    fill="currentColor"
+                >
+                    <use href="#chevron-right" />
+                </svg>
+
+                <span>Previous</span>
+            </LinkButton>
+
             <LinkButton
                 v-if="nextPageUrl"
                 :href="nextPageUrl"
@@ -222,13 +240,14 @@
                 <span>Next</span>
 
                 <svg
-                    class="h-5 w-5 -mr-2"
+                    class="h-5 w-5"
                     viewBox="0 0 20 20"
                     fill="currentColor"
                 >
                     <use href="#chevron-right" />
                 </svg>
             </LinkButton>
+
         </nav>
     </div>
 </template>
@@ -350,15 +369,15 @@ 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
+        },
+        nextPageUrl () {
+            if ( this.kindPage.nextPage.length === 0 ) return null
+
+            return this.kindPage.nextPage
         }
     },
     mounted () {