fix: empty SDG badge

docchula · Sep 21, 2024 · 573ed0b · 573ed0b
1 parent 7fa68d6
commit 573ed0b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/resources/js/Components/SDGBadge.vue b/resources/js/Components/SDGBadge.vue
@@ -2,7 +2,8 @@
 const props = defineProps<{ value: number[] | null }>();
 </script>
 <template>
-    <div class="inline-block p-0.5 text-xs bg-sky-100 rounded-sm text-sky-600" v-if="value">
+    <div v-if="value && value.length > 0"
+         class="inline-block p-0.5 text-xs bg-sky-100 rounded-sm text-sky-600">
         SDGs:
         <span v-for="i in value" :key="i" :class="'sdg-goal-' + i" class="ml-0.5 px-1 text-white text-center inline-block min-w-4">
             {{ i }}