add attributes trunk circumference, tree height, crown diameter

CodeforLeipzig · Jun 30, 2024 · 8f679fc · 8f679fc
1 parent 8520b27
commit 8f679fc
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/components/Sidebar/SidebarTree/TreeInfos.tsx b/src/components/Sidebar/SidebarTree/TreeInfos.tsx
@@ -143,6 +143,9 @@ const TreeInfos: FC<{
     artdtsch,
     gattung,
     gattungdeutsch,
+    baumhoehe,
+    kronedurch,
+    stammumfg,
     gattungwikipedia,
     gattungwikidata,
     gattungwikicommons,
@@ -192,6 +195,14 @@ const TreeInfos: FC<{
     }
   };
 
+  const formatNumber = (str: string) => {
+    try {
+      return parseFloat(str).toLocaleString("de");
+    } catch(e) {
+      return str;
+    }
+  };
+
   return (
     <Wrapper>
       <Dialog onClose={() => setOpen(false)} aria-labelledby="share-tree-dialog-title" open={open}>
@@ -333,6 +344,24 @@ const TreeInfos: FC<{
             <InfoValue>{gattung}</InfoValue>
           </InfoContainer>
         )}
+        {baumhoehe && (
+          <InfoContainer>
+            <span>Höhe</span>
+            <InfoValue>{formatNumber(baumhoehe)} m</InfoValue>
+          </InfoContainer>
+        )}
+        {stammumfg && (
+          <InfoContainer>
+            <span>Stammumfang</span>
+            <InfoValue>{formatNumber(stammumfg)} cm</InfoValue>
+          </InfoContainer>
+        )}
+        {kronedurch && (
+          <InfoContainer>
+            <span>Kronendurchmesser</span>
+            <InfoValue>{formatNumber(kronedurch)} m</InfoValue>
+          </InfoContainer>
+        )}
         {standortnr && (
           <InfoContainer>
             <span>Standortnummer</span>