From f67c2ec8cd57e53768d84d4364fa17e6185f9a7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Tue, 1 Nov 2022 15:51:44 -0300
Subject: [PATCH] Add invalid mark

---
 src/modules/otus/components/TaxaInfo.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/modules/otus/components/TaxaInfo.vue b/src/modules/otus/components/TaxaInfo.vue
index 0a99baa..e7047fe 100644
--- 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(() =>