Fix tag wrapping + duplicate reloads

ChameleonCloud · Nov 15, 2024 · c5d3037 · c5d3037
1 parent 7e84435
commit c5d3037
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git 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 → src/components/NavBar.vue b/src/components/Navbar.vue → src/components/NavBar.vue
diff --git 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;