From 8ca09f63849bdd7cf974aa8b71dc51d6fe70ba05 Mon Sep 17 00:00:00 2001
From: Jai A <jai.a@tuta.io>
Date: Thu, 5 Nov 2020 18:00:40 -0700
Subject: [PATCH] Fix ad warning, add snapshot search

---
 components/ModPage.vue       |  4 +++-
 pages/dashboard/projects.vue |  4 +++-
 pages/mods.vue               | 29 +++++++++++++++++++++++++----
 pages/user/_id.vue           |  4 +++-
 4 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/components/ModPage.vue b/components/ModPage.vue
index b0cb641af..d8e81117b 100644
--- a/components/ModPage.vue
+++ b/components/ModPage.vue
@@ -130,7 +130,9 @@
               <DownloadIcon />
             </nuxt-link>
           </div>
-          <EthicalAd type="image" />
+          <client-only>
+            <EthicalAd type="image" />
+          </client-only>
         </div>
       </section>
     </div>
diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 5a379957a..4ac4ebcbf 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -54,7 +54,9 @@
         </tr>
       </tbody>
     </table>
-    <EthicalAd />
+    <client-only>
+      <EthicalAd />
+    </client-only>
   </div>
 </template>
 
diff --git a/pages/mods.vue b/pages/mods.vue
index 102e70708..0e1c2c436 100644
--- a/pages/mods.vue
+++ b/pages/mods.vue
@@ -54,7 +54,9 @@
         ></pagination>
       </section>
       <div class="results column-grow-4">
-        <EthicalAd type="text" />
+        <client-only>
+          <EthicalAd type="text" />
+        </client-only>
         <SearchResult
           v-for="(result, index) in results"
           :id="result.mod_id"
@@ -233,6 +235,13 @@
           >
           </SearchFilter>
           <h3>Versions</h3>
+          <SearchFilter
+            :active-filters="showVersions"
+            display-name="Snapshots"
+            facet-name="snapshots"
+            style="margin-bottom: 10px"
+            @toggle="fillInitialVersions"
+          />
         </section>
         <multiselect
           v-model="selectedVersions"
@@ -327,6 +336,7 @@ export default {
   data() {
     return {
       query: '',
+      showVersions: [],
       selectedVersions: [],
       versions: [],
       facets: [],
@@ -344,11 +354,22 @@ export default {
     }
   },
   methods: {
-    async fillInitialVersions() {
+    async fillInitialVersions(x) {
       try {
-        const res = await axios.get(
+        let url =
           'https://api.modrinth.com/api/v1/tag/game_version?type=release'
-        )
+
+        if (x !== null) {
+          if (!this.showVersions.length > 0) {
+            this.showVersions.push('snapshots')
+
+            url = 'https://api.modrinth.com/api/v1/tag/game_version'
+          } else {
+            this.showVersions = []
+          }
+        }
+
+        const res = await axios.get(url)
 
         this.versions = res.data
       } catch (err) {
diff --git a/pages/user/_id.vue b/pages/user/_id.vue
index 1326959c9..96f6b6919 100644
--- a/pages/user/_id.vue
+++ b/pages/user/_id.vue
@@ -11,7 +11,9 @@
         <p v-if="user.role === 'developer'" class="badge green">Developer</p>
       </div>
     </div>
-    <EthicalAd />
+    <client-only>
+      <EthicalAd />
+    </client-only>
     <div class="user-mods">
       <SearchResult
         v-for="result in mods"