Merge branch '285-opening-overlay-issue' into 'main'

Resolve "opening overlay issue"

See merge request !238

CHANGELOG

 minerva-front (18.0.0~beta.3) stable; urgency=medium
+  * Bugfix: change background to empty after overlay is loaded so there is no
+    blank background (#285)
   * Bugfix: license info styling (#280)
 
  -- Piotr Gawron <piotr.gawron@uni.lu>  Thu, 26 Sep 2024 13:00:00 +0200

src/components/Map/Drawer/OverlaysDrawer/hooks/useOverlay.ts

@@ -39,12 +39,12 @@ export const useOverlay = (overlayId: number): UseOverlay => {
     }
   };
 
-  const toggleOverlay = (): void => {
+  const toggleOverlay = async (): Promise<void> => {
     if (isOverlayActive) {
       dispatch(removeOverlayBioEntityForGivenOverlay({ overlayId }));
     } else {
+      await dispatch(getOverlayBioEntityForAllModels({ overlayId }));
       setBackgroundtoEmptyIfAvailable();
-      dispatch(getOverlayBioEntityForAllModels({ overlayId }));
     }
 
     dispatchPluginEvents();

src/redux/root/init.thunks.ts

+import spinnerIcon from '@/assets/vectors/icons/spinner.svg';
 import { PROJECT_ID } from '@/constants';
 import { openOverlaysDrawer, openSearchDrawerWithSelectedTab } from '@/redux/drawer/drawer.slice';
 import { AppDispatch } from '@/redux/store';
@@ -126,4 +127,5 @@ export const fetchInitialAppData = createAsyncThunk<
     await dispatch(getProjects());
     dispatch(openSelectProjectModal());
   }
+  new Image().src = spinnerIcon.src;
 });