Add invalid mark

wbbaker · Nov 1, 2022 · f67c2ec · f67c2ec
1 parent cf9944f
commit f67c2ec
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/modules/otus/components/TaxaInfo.vue b/src/modules/otus/components/TaxaInfo.vue
@@ -5,6 +5,11 @@
     </h2>
     <h1 class="text-xl dark:text-gray-100">
       <span v-html="taxonNameString" />
+      <span 
+        class="ml-2"
+        :class="statusStyle"
+        v-html="status"
+      />
     </h1>
     <h2 class="text-1xl">
       <CommonNames :otu-id="props.otuId" />
@@ -28,6 +33,17 @@ const props = defineProps({
   }
 })
 
+const status = computed(() => 
+  props.taxon.cached_is_valid
+    ? ''
+    : '&#10005;'
+)
+const statusStyle = computed(() => 
+  props.taxon.cached_is_valid
+    ? ''
+    : 'text-red-600'
+)
+
 const isValid = computed(() => props.taxon.id === props.taxon.cached_valid_taxon_name_id)
 
 const taxonNameString = computed(() =>