From c5d3037c9dfe1b63dcbe694107a70cdd3575ee49 Mon Sep 17 00:00:00 2001
From: Mark Powers <markpowers@uchicago.edu>
Date: Fri, 15 Nov 2024 10:45:46 -0600
Subject: [PATCH] Fix tag wrapping + duplicate reloads

---
 src/components/ArtifactListings.vue       | 18 ++++++++++--------
 src/components/{Navbar.vue => NavBar.vue} |  0
 src/stores/artifact.js                    |  4 ++++
 3 files changed, 14 insertions(+), 8 deletions(-)
 rename src/components/{Navbar.vue => NavBar.vue} (100%)

diff --git a/src/components/ArtifactListings.vue b/src/components/ArtifactListings.vue
index 0cda1dc..17afeaa 100644
--- a/src/components/ArtifactListings.vue
+++ b/src/components/ArtifactListings.vue
@@ -92,15 +92,17 @@ onMounted(async () => {
 
       <!-- Search by Tags -->
       <div class="mb-6">
-        <div class="flex flex-wrap gap-2">
+        <div class="flex gap-2">
           <span>Tags:</span>
-          <label v-for="(tag, index) in artifactsStore.tags" :key="index" class="flex items-center cursor-pointer">
-            <input type="checkbox" :value="tag.tag" v-model="state.selectedTags"
-              class="mr-1 form-checkbox h-4 w-4 text-lime-600 border-gray-300 rounded" />
-            <span class="text-lg font-medium text-gray-700 hover:text-lime-600 transition duration-300">
-              {{ tag.tag }}
-            </span>
-          </label>
+          <div class="flex flex-wrap gap-2">
+            <label v-for="(tag, index) in artifactsStore.tags" :key="index" class="flex items-center cursor-pointer">
+              <input type="checkbox" :value="tag.tag" v-model="state.selectedTags"
+                class="mr-1 form-checkbox h-4 w-4 text-lime-600 border-gray-300 rounded" />
+              <span class="text-lg font-medium text-gray-700 hover:text-lime-600 transition duration-300">
+                {{ tag.tag }}
+              </span>
+            </label>
+          </div>
         </div>
         <div class="flex flex-wrap gap-2">
           <span>Badges:</span>
diff --git a/src/components/Navbar.vue b/src/components/NavBar.vue
similarity index 100%
rename from src/components/Navbar.vue
rename to src/components/NavBar.vue
diff --git a/src/stores/artifact.js b/src/stores/artifact.js
index f4b2b51..b7cc2ec 100644
--- a/src/stores/artifact.js
+++ b/src/stores/artifact.js
@@ -76,6 +76,10 @@ export const useArtifactsStore = defineStore('artifacts', {
             }
         },
         async fetchAllArtifacts() {
+            if (this.artifacts.length > 0){
+                return
+            }
+
             await this.fetchBadges()
             this.loading = true;
             let after = null;