fix events log issue

src/components/EventsLog.tsx

@@ -47,12 +47,13 @@ export function EventsLog() {
           label="Filter by eventName" placeholder="" />
       </Box>
 
-      <Button size="small" variant="contained" onClick={() => clearEventsList()}>Clear All Events</Button>
+      <Button size="small" disabled={logsList.length > 0} variant="contained" onClick={() => clearEventsList()}>Clear All Events</Button>
 
+      {logsList.length === 0 && <p>No events logs found</p>}
 
       <List sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}>
         {logsList.map((row, index) => (
-            <ListItem key={`$eventslog_index_${index}`} sx={{borderBottom: '1px solid rgba(0, 0, 0, 0.12);'}} >
+            <ListItem key={`$eventslog_index_${index}`} disableGutters disablePadding divider={true} >
               <ListItemText primary={row.eventName} secondary={row?.description} />
             </ListItem>
         ))}

src/components/LegendLayerStatusTable.tsx

@@ -17,10 +17,12 @@ export function LegendLayerStatusTable() {
     <Box sx={{ p: 2 }}>
       <h2>Legend Layer Status</h2>
 
+      {legendLayerStatusList.length === 0 && <p>No layers found</p>}
+
       <List sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}>
         {legendLayerStatusList.map((row, index) => (
 
-          <ListItem key={`$legend_layer_status_index_${index}`} sx={{ borderBottom: '1px solid rgba(0, 0, 0, 0.12);' }} >
+          <ListItem disableGutters disablePadding divider={true} key={`$legend_layer_status_index_${index}`}>
             <ListItemText primary={row.layerName} secondary={row?.status} />
           </ListItem>
 

src/providers/cgpvContextProvider/cgpvHook.ts

@@ -240,9 +240,11 @@ export function useCgpvHook(): ICgpvHook {
 
     setTimeout(() => { // just a delay for animation purposes
       setIsLoading(false);
-    }, 2500);
-    cgpv.init(async () => {
       registerEventListeners(mapId);
+    }, 800);
+    cgpv.init(async () => {
+      console.log('registering events ');
+      //registerEventListeners(mapId);
 
     });
   };

src/routes/index.tsx

@@ -1,12 +1,9 @@
 import { createBrowserRouter } from "react-router-dom";
 import DefaultPage from "../pages/default";
 import ListOfDemosPage from "../pages/ListOfDemos";
-import PackageSwiperPage from "../pages/package-swiper";
-import GeoViewPage from "../components/GeoViewPage";
 
 
 export const router = createBrowserRouter([
   { path: "/", element: <ListOfDemosPage /> },
   { path: "/general", element: <DefaultPage /> },
-  { path: "/package-swiper", element: <GeoViewPage><PackageSwiperPage /></GeoViewPage> }
 ],{ basename: import.meta.env.BASE_URL });