Merge branch 'develop' of https://github.com/Canadian-Geospatial-Plat…

…form/geoview into 1702-footer-panel

packages/geoview-core/src/core/components/footer-tabs/footer-tabs.tsx

@@ -299,6 +299,10 @@ export function FooterTabs(): JSX.Element | null {
    * Create default tabs from configuration parameters
    */
   useEffect(() => {
+    // Log
+    logger.logTraceUseEffect('FOOTER-TABS - mount');
+    logger.logDebug('FOOTER-TABS - mount'); // remove this one when things stabilize
+
     if (footerTabsConfig && footerTabsConfig.tabs.core.includes('data-table')) {
       // create new tab and add the Data Table component to the footer tab
       // TODO: This will be refactor after new store for data table is implemented.

packages/geoview-core/src/core/components/layers/left-panel/left-panel.tsx

@@ -11,20 +11,6 @@ export function LeftPanel({ setIsLayersListPanelVisible }: LeftPanelProps): JSX.
   // get from the store
   const legendLayers = useLayersList();
   const displayState = useLayersDisplayState();
-  useEffect(() => {
-    let timeout: ReturnType<typeof setTimeout>;
-    if (!selectedLayer) {
-      // TODO: Make this useEffect Async, when this useEffect is hit, the legenLayer is empty.
-      timeout = setTimeout(() => {
-        const validFirstLayer = legendLayers.find((layer) => !(layer.layerStatus === 'error' || layer.layerStatus === 'loading'));
-        if (validFirstLayer) {
-          setSelectedLayerPath(validFirstLayer.layerPath);
-        }
-      }, 0);
-    }
-    return () => clearTimeout(timeout);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
 
   if (displayState === 'add') {
     return <AddNewLayer />;