reorder attributes

CodeforLeipzig · Jun 30, 2024 · b5f2789 · b5f2789
1 parent 8f679fc
commit b5f2789
Showing 1 changed file with 32 additions and 32 deletions.
diff --git a/src/components/Sidebar/SidebarTree/TreeInfos.tsx b/src/components/Sidebar/SidebarTree/TreeInfos.tsx
@@ -344,6 +344,38 @@ const TreeInfos: FC<{
             <InfoValue>{gattung}</InfoValue>
           </InfoContainer>
         )}
+        {standortnr && (
+          <InfoContainer>
+            <span>Standortnummer</span>
+            <InfoValue>{standortnr}</InfoValue>
+          </InfoContainer>
+        )}
+        {treeAge === undefined && (
+          <>
+            <InfoContainer>
+              <span>Standalter</span>
+              <InfoValue>unbekannt</InfoValue>
+            </InfoContainer>
+          </>
+        )}
+        {typeof treeAge === 'number' && (
+          <InfoContainer>
+            <span>Standalter</span>
+            <InfoValue>{treeAge == 0 ? "jünger als " : ""} {treeAge == 0 ? 1 : treeAge} Jahr{treeAge > 1 ? "e" : ""}</InfoValue>
+          </InfoContainer>
+        )}
+        {typeof treeAge === 'number' && (
+          <ExpandablePanel
+            title={
+              <>
+                <span style={{ marginRight: 8 }}>Wasserbedarf:</span>
+                <WaterDrops dropsAmount={getWaterNeedByAge(treeAge)} />
+              </>
+            }
+          >
+            <WaterNeedsInfo />
+          </ExpandablePanel>
+        )}
         {baumhoehe && (
           <InfoContainer>
             <span>Höhe</span>
@@ -362,38 +394,6 @@ const TreeInfos: FC<{
             <InfoValue>{formatNumber(kronedurch)} m</InfoValue>
           </InfoContainer>
         )}
-        {standortnr && (
-          <InfoContainer>
-            <span>Standortnummer</span>
-            <InfoValue>{standortnr}</InfoValue>
-          </InfoContainer>
-        )}
-        {treeAge === undefined && (
-          <>
-            <InfoContainer>
-              <span>Standalter</span>
-              <InfoValue>unbekannt</InfoValue>
-            </InfoContainer>
-          </>
-        )}
-        {typeof treeAge === 'number' && (
-          <>
-            <InfoContainer>
-              <span>Standalter</span>
-              <InfoValue>{treeAge == 0 ? "jünger als " : ""} {treeAge == 0 ? 1 : treeAge} Jahr{treeAge > 1 ? "e" : ""}</InfoValue>
-            </InfoContainer>
-            <ExpandablePanel
-              title={
-                <>
-                  <span style={{ marginRight: 8 }}>Wasserbedarf:</span>
-                  <WaterDrops dropsAmount={getWaterNeedByAge(treeAge)} />
-                </>
-              }
-            >
-              <WaterNeedsInfo />
-            </ExpandablePanel>
-          </>
-        )}
         { notes && (
           <ExpandablePanel
             title={