refresh list of overlays after changing group by drag and drop

src/components/Map/Drawer/OverlaysDrawer/UserOverlays/UserOverlaysGroup/hooks/useUserOverlays.ts

@@ -2,7 +2,7 @@
 import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
 import { useAppSelector } from '@/redux/hooks/useAppSelector';
 import { loadingUserOverlaysSelector } from '@/redux/overlays/overlays.selectors';
-import { updateOverlays } from '@/redux/overlays/overlays.thunks';
+import { getAllUserOverlaysByCreator, updateOverlays } from '@/redux/overlays/overlays.thunks';
 import { MapOverlay } from '@/types/models';
 import { useEffect, useState } from 'react';
 import { moveArrayElement } from '../UserOverlaysGroup.utils';
@@ -35,7 +35,10 @@ export const useUserOverlays = (
     setUserOverlaysList(updatedUserOverlays);
   };
 
-  const updateUserOverlaysOrder = (overlay: MapOverlay, targetGroupId: number | null): void => {
+  const updateUserOverlaysOrder = async (
+    overlay: MapOverlay,
+    targetGroupId: number | null,
+  ): Promise<void> => {
     const reorderedUserOverlays = [];
     if (!userOverlays) return;
 
@@ -58,10 +61,8 @@ export const useUserOverlays = (
         reorderedUserOverlays.push(newOrderedUserOverlay);
       }
     }
-    // eslint-disable-next-line no-console
-    console.log(reorderedUserOverlays);
-
-    dispatch(updateOverlays(reorderedUserOverlays));
+    await dispatch(updateOverlays(reorderedUserOverlays));
+    dispatch(getAllUserOverlaysByCreator());
   };
 
   return {