Reduce re-render of elements (#2440)

* add useMapLoaded * reduce re-renders in app-bar
Canadian-Geospatial-Platform · Aug 27, 2024 · e58fac1 · e58fac1
1 parent 1d44286
commit e58fac1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/geoview-core/src/core/containers/shell.tsx b/packages/geoview-core/src/core/containers/shell.tsx
@@ -309,14 +309,14 @@ export function Shell(props: ShellProps): JSX.Element {
           <CircularProgress isLoaded={mapLoaded} />
           <CircularProgress isLoaded={!circularProgressActive} />
           <Box id={`map-${mapViewer.mapId}`} sx={sxClasses.mapShellContainer} className="mapContainer" ref={mapShellContainerRef}>
-            <AppBar api={mapViewer.appBarApi} />
+            { mapLoaded && <AppBar api={mapViewer.appBarApi} /> }
             <Box sx={sxClasses.mapContainer} ref={mapContainerRef}>
               <Map viewer={mapViewer} />
               <MapInfo />
             </Box>
             {interaction === 'dynamic' && <NavBar api={mapViewer.navBarApi} />}
           </Box>
-          {geoviewConfig!.footerBar !== undefined && <FooterBar api={mapViewer.footerBarApi} />}
+          {geoviewConfig!.footerBar !== undefined && mapLoaded && <FooterBar api={mapViewer.footerBarApi} />}
           {Object.keys(mapViewer.modal.modals).map((modalId) => (
             <Modal
               key={modalId}