From c0d144808068189f739b2e39e8372266172b87e5 Mon Sep 17 00:00:00 2001
From: Jai A <jai.a@tuta.io>
Date: Wed, 16 Dec 2020 16:19:49 -0700
Subject: [PATCH] Fix some links not using slugs

---
 components/ModPage.vue     | 10 ++++++++--
 components/Pagination.vue  |  4 ++--
 pages/mod/_id/versions.vue | 11 +++++++++--
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/components/ModPage.vue b/components/ModPage.vue
index 031876846..f9e12213f 100644
--- a/components/ModPage.vue
+++ b/components/ModPage.vue
@@ -25,10 +25,16 @@
         </client-only>
         <div class="mod-navigation">
           <div class="tabs">
-            <nuxt-link :to="'/mod/' + mod.id" class="tab">
+            <nuxt-link
+              :to="'/mod/' + (mod.slug ? mod.slug : mod.id)"
+              class="tab"
+            >
               Description
             </nuxt-link>
-            <nuxt-link :to="'/mod/' + mod.id + '/versions'" class="tab">
+            <nuxt-link
+              :to="'/mod/' + (mod.slug ? mod.slug : mod.id) + '/versions'"
+              class="tab"
+            >
               Versions
             </nuxt-link>
             <a v-if="mod.wiki_url" :href="mod.wiki_url" class="tab">
diff --git a/components/Pagination.vue b/components/Pagination.vue
index 9b750d960..b0ef7ff5d 100644
--- a/components/Pagination.vue
+++ b/components/Pagination.vue
@@ -3,8 +3,8 @@
     <button
       :class="{ disabled: currentPage === 1 }"
       class="paginate has-icon"
-      @click="currentPage !== 1 ? switchPage(currentPage - 1) : null"
       aria-label="Previous Page"
+      @click="currentPage !== 1 ? switchPage(currentPage - 1) : null"
     >
       <LeftArrowIcon />
     </button>
@@ -30,12 +30,12 @@
     <button
       :class="{ disabled: currentPage === pages[pages.length - 1] }"
       class="paginate has-icon"
+      aria-label="Next Page"
       @click="
         currentPage !== pages[pages.length - 1]
           ? switchPage(currentPage + 1)
           : null
       "
-      aria-label="Next Page"
     >
       <RightArrowIcon />
     </button>
diff --git a/pages/mod/_id/versions.vue b/pages/mod/_id/versions.vue
index a3841a790..26ba30146 100644
--- a/pages/mod/_id/versions.vue
+++ b/pages/mod/_id/versions.vue
@@ -30,7 +30,14 @@
             </a>
           </td>
           <td>
-            <nuxt-link :to="'/mod/' + mod.id + '/version/' + version.id">
+            <nuxt-link
+              :to="
+                '/mod/' +
+                (mod.slug ? mod.slug : mod.id) +
+                '/version/' +
+                version.id
+              "
+            >
               {{ version.name }}
             </nuxt-link>
           </td>
@@ -291,7 +298,7 @@ export default {
 
       const formData = new FormData()
 
-      this.createdVersion.mod_id = this.$route.params.id
+      this.createdVersion.mod_id = this.mod.id
       this.createdVersion.dependencies = []
       this.createdVersion.featured = false