fix condition, rename file

packages/geoview-core/src/core/app-start.tsx

@@ -1,4 +1,4 @@
-import { createContext, Suspense, useMemo } from 'react';
+import { createContext, StrictMode, Suspense, useMemo } from 'react';
 
 import './translation/i18n';
 import i18n from 'i18next';
@@ -81,9 +81,9 @@ function AppStart(props: AppStartProps): JSX.Element {
       <I18nextProvider i18n={i18nInstance}>
         <MapContext.Provider value={mapContextValue}>
           <ThemeProvider theme={getTheme(theme)}>
-            {/* <StrictMode> */}
-            <Shell mapViewer={api.maps[mapId]} />
-            {/* </StrictMode> */}
+            <StrictMode>
+              <Shell mapViewer={api.maps[mapId]} />
+            </StrictMode>
           </ThemeProvider>
         </MapContext.Provider>
       </I18nextProvider>

packages/geoview-core/src/core/components/details/details-panel.tsx

@@ -15,7 +15,7 @@ import { TypeFeatureInfoEntry, TypeGeometry, TypeLayerData } from '@/geo/map/map
 
 import { LayerListEntry, Layout } from '@/core/components/common';
 import { getSxClasses } from './details-style';
-import { FeatureInfo } from './feature-info-new';
+import { FeatureInfo } from './feature-info';
 import { FEATURE_INFO_STATUS, TABS } from '@/core/utils/constant';
 import { DetailsSkeleton } from './details-skeleton';
 
@@ -428,10 +428,12 @@ export function DetailsPanel({ fullWidth = false }: DetailsPanelType): JSX.Eleme
    */
   const renderContent = (): JSX.Element | null => {
     // If there is no layer, return null for the guide to show
-    if (memoLayersList && memoLayersList.length === 0) return null;
+    if ((memoLayersList && memoLayersList.length === 0) || selectedLayerPath === '') {
+      return null;
+    }
 
-    // Until process, return skeleton
-    if (!memoIsAllLayersQueryStatusProcessed() || !(memoSelectedLayerDataFeatures && memoSelectedLayerDataFeatures.length > 0)) {
+    // Until process or something found for selected layerPath, return skeleton
+    if (!memoIsAllLayersQueryStatusProcessed() && !(memoSelectedLayerDataFeatures && memoSelectedLayerDataFeatures.length > 0)) {
       return <DetailsSkeleton />;
     }
 

packages/geoview-core/src/core/components/details/feature-info-new.tsx → packages/geoview-core/src/core/components/details/feature-info.tsx

@@ -80,7 +80,7 @@ const FeatureHeader = memo(function FeatureHeader({ iconSrc, name, hasGeometry,
 });
 
 export function FeatureInfo({ feature }: FeatureInfoProps): JSX.Element | null {
-  logger.logTraceRender('components/details/feature-info-new');
+  logger.logTraceRender('components/details/feature-info');
 
   // Hooks
   const theme = useTheme();
@@ -171,7 +171,7 @@ export function FeatureInfo({ feature }: FeatureInfoProps): JSX.Element | null {
 
   // Effects
   useEffect(() => {
-    logger.logTraceUseEffect('FEATURE-INFO-NEW - checkedFeatures', checkedFeatures);
+    logger.logTraceUseEffect('FEATURE-INO - checkedFeatures', checkedFeatures);
 
     if (!featureData?.uid) return;
 

packages/geoview-core/src/geo/map/map-viewer.ts

@@ -547,7 +547,7 @@ export class MapViewer {
           });
         }
       }
-    }, 1000);
+    }, 250);
   }
 
   /**
@@ -692,7 +692,7 @@ export class MapViewer {
           this.#checkMapLayersLoaded();
         }
       }
-    }, 1000);
+    }, 250);
   }
 
   /**
@@ -726,7 +726,7 @@ export class MapViewer {
           this.#emitMapLayersLoaded();
         }
       }
-    }, 1000);
+    }, 250);
   }
 
   /**
@@ -761,7 +761,7 @@ export class MapViewer {
             resolve();
           }
         }
-      }, 1000);
+      }, 250);
     });
   }