From c5fe6253da026e1768374744840d8029d5e9d04b Mon Sep 17 00:00:00 2001
From: Marco Montanari <sirmmo@gmail.com>
Date: Mon, 7 Oct 2024 15:04:50 +0200
Subject: [PATCH] fix

---
 src/app/components/MapSearch/index.tsx | 72 +++++++++++++-------------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/src/app/components/MapSearch/index.tsx b/src/app/components/MapSearch/index.tsx
index fc5f257..b10f88b 100644
--- a/src/app/components/MapSearch/index.tsx
+++ b/src/app/components/MapSearch/index.tsx
@@ -76,7 +76,7 @@ export const ValueRenderer = ({ time, value, unit }) => {
 
 export const MapSearch: React.FunctionComponent<MapSearchProps> = props => {
   const {
-    value,
+    value = { latlng: { lat: 0, lng: 0 } },
     setPoint,
     openCharts,
     className,
@@ -206,42 +206,40 @@ export const MapSearch: React.FunctionComponent<MapSearchProps> = props => {
         />
       </Box>
       <Box sx={MapSearchSecondRowStyle}>
-        {value?.latlng && (
-          <TextField
-            sx={LatLngStyle}
-            size={'small'}
-            color={'secondary'}
-            variant="outlined"
-            defaultValue={
-              roundTo4(value.latlng.lat) + ', ' + roundTo4(value.latlng.lng)
-            }
-            onChange={latlonChange}
-            InputProps={{
-              endAdornment: (
-                <>
-                  <IconButton edge="end" onClick={searchPoint}>
-                    <SearchIcon fontSize={'small'} color={'secondary'} />
-                  </IconButton>
-                  <IconButton
-                    edge="end"
-                    onClick={() =>
-                      context.map.flyTo(
-                        [value.latlng.lat, value.latlng.lng],
-                        context.map.getZoom(),
-                      )
-                    }
-                  >
-                    <ZoomInMapIcon fontSize={'small'} color={'secondary'} />
-                  </IconButton>
-                  <IconButton edge="end" onClick={resetMap}>
-                    <RefreshIcon fontSize={'small'} color={'secondary'} />
-                  </IconButton>
-                </>
-              ),
-            }}
-            aria-label={'Centra la mappa'}
-          ></TextField>
-        )}
+        <TextField
+          sx={LatLngStyle}
+          size={'small'}
+          color={'secondary'}
+          variant="outlined"
+          defaultValue={
+            roundTo4(value.latlng.lat) + ', ' + roundTo4(value.latlng.lng)
+          }
+          onChange={latlonChange}
+          InputProps={{
+            endAdornment: (
+              <>
+                <IconButton edge="end" onClick={searchPoint}>
+                  <SearchIcon fontSize={'small'} color={'secondary'} />
+                </IconButton>
+                <IconButton
+                  edge="end"
+                  onClick={() =>
+                    context.map.flyTo(
+                      [value.latlng.lat, value.latlng.lng],
+                      context.map.getZoom(),
+                    )
+                  }
+                >
+                  <ZoomInMapIcon fontSize={'small'} color={'secondary'} />
+                </IconButton>
+                <IconButton edge="end" onClick={resetMap}>
+                  <RefreshIcon fontSize={'small'} color={'secondary'} />
+                </IconButton>
+              </>
+            ),
+          }}
+          aria-label={'Centra la mappa'}
+        ></TextField>
       </Box>
     </Box>
   );