From 0515e2605ea5fde04284a44ae057d6323bbb314f Mon Sep 17 00:00:00 2001
From: Michael Bunsen <notbot@gmail.com>
Date: Tue, 12 Sep 2023 18:29:27 -0700
Subject: [PATCH] Add support for Taxonomy tag in RegionDetails

---
 .../SidePanels/DetailsPanel/RegionDetails.tsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/SidePanels/DetailsPanel/RegionDetails.tsx b/src/components/SidePanels/DetailsPanel/RegionDetails.tsx
index 1cfb63db4f..7d5a98ec55 100644
--- a/src/components/SidePanels/DetailsPanel/RegionDetails.tsx
+++ b/src/components/SidePanels/DetailsPanel/RegionDetails.tsx
@@ -34,6 +34,15 @@ const RatingResult: FC<{mainValue: string[]}> = observer(({ mainValue }) => {
   );
 });
 
+
+const TaxonomyResult: FC<{mainValue: string[]}> = observer(({ mainValue }) => {
+  return (
+    <Text mark>
+      {mainValue.join(', ')}
+    </Text>
+  );
+});
+
 const ResultItem: FC<{result: any}> = observer(({ result }) => {
   const { type, mainValue } = result;
   /**
@@ -71,6 +80,17 @@ const ResultItem: FC<{result: any}> = observer(({ result }) => {
           </Elem>
         </Elem>
       );
+    } else if (type === 'taxonomy') {
+      return (
+        <Elem name="result">
+          <Text>Taxonomy: </Text>
+          <Elem name="value">
+            <TaxonomyResult mainValue={mainValue}/>
+          </Elem>
+        </Elem>
+      );
+    } else {
+      console.log("Tag type not supported:", type)
     }
   }, [type, mainValue]);