From 7c2548f97f1646cb90bac94d684d3fcec5de4488 Mon Sep 17 00:00:00 2001
From: majkshkurti <majkshkurti@outlook.com>
Date: Sun, 6 Oct 2024 18:44:50 +0200
Subject: [PATCH] fix: popover bug

---
 .../components/map/controls/PopoverInfo.tsx   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/web/components/map/controls/PopoverInfo.tsx b/apps/web/components/map/controls/PopoverInfo.tsx
index 0d2ba30f..24ac3992 100644
--- a/apps/web/components/map/controls/PopoverInfo.tsx
+++ b/apps/web/components/map/controls/PopoverInfo.tsx
@@ -107,7 +107,6 @@ const MapPopoverInfo: React.FC<MapPopoverInfoProps> = ({
   onClose,
 }) => {
   const [detailsView, setDetailsView] = useState<DetailsViewType | undefined>(undefined);
-
   return (
     <Popup
       onClose={onClose}
@@ -189,15 +188,16 @@ const MapPopoverInfo: React.FC<MapPopoverInfoProps> = ({
                     </tr>
                   </thead>
                   <tbody>
-                    {detailsView.data.map((item, index) => (
-                      <tr key={index}>
-                        {Object.entries(item).map(([key, value]) => (
-                          <td style={{ paddingRight: 10 }} key={key}>
-                            {value}
-                          </td>
-                        ))}
-                      </tr>
-                    ))}
+                    {detailsView.data.length > 0 &&
+                      detailsView.data.map((item, index) => (
+                        <tr key={index}>
+                          {Object.entries(item).map(([key, value]) => (
+                            <td style={{ paddingRight: 10 }} key={key}>
+                              {value}
+                            </td>
+                          ))}
+                        </tr>
+                      ))}
                   </tbody>
                 </table>
               </Stack>