From 85e5e1ba658f308ab0d557363be012e14022cddd Mon Sep 17 00:00:00 2001
From: Paul Bienkowski <pb@opatut.de>
Date: Tue, 26 Jul 2022 09:03:37 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20sidebar,=20use=20upperFirst=20to=20retain?=
 =?UTF-8?q?=20=C3=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/MapPage/LayerSidebar.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/MapPage/LayerSidebar.tsx b/frontend/src/pages/MapPage/LayerSidebar.tsx
index 0e4861f..faefd78 100644
--- a/frontend/src/pages/MapPage/LayerSidebar.tsx
+++ b/frontend/src/pages/MapPage/LayerSidebar.tsx
@@ -134,14 +134,7 @@ function LayerSidebar({
                   />
                 </List.Item>
               </>
-            ) : (
-              <List.Item>
-                <DiscreteColorMapLegend
-                  map={colorByDistance("distance_overtaker")[3].slice(2)}
-                />
-              </List.Item>
-            ) :
-            attribute.endsWith('zone') ? (
+            ) : attribute.endsWith('zone') ? (
              <>
               <List.Item>
                 <Label size="small" style={{background: "blue",color:"white"}}>{t("general.urban")} (1.5&nbsp;m)</Label>
@@ -151,11 +144,11 @@ function LayerSidebar({
             (
               <>
                 <List.Item>
-                  <List.Header>{_.startCase(t("general.urban"))}</List.Header>
+                  <List.Header>{_.upperFirst(t("general.urban"))}</List.Header>
                   <DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
                 </List.Item>
                 <List.Item>
-                  <List.Header>{_.startCase(t("general.rural"))}</List.Header>
+                  <List.Header>{_.upperFirst(t("general.rural"))}</List.Header>
                   <DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
                 </List.Item>
               </>
@@ -179,11 +172,11 @@ function LayerSidebar({
         {showEvents && (
           <>
             <List.Item>
-              <List.Header>{_.startCase(t('general.urban'))}</List.Header>
+              <List.Header>{_.upperFirst(t('general.urban'))}</List.Header>
               <DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][5].slice(2)} />
             </List.Item>
             <List.Item>
-              <List.Header>{_.startCase(t('general.rural'))}</List.Header>
+              <List.Header>{_.upperFirst(t('general.rural'))}</List.Header>
               <DiscreteColorMapLegend map={colorByDistance('distance_overtaker')[3][3].slice(2)} />
             </List.Item>
           </>