VV3 hotfixes

apps/fishing-map/features/map/controls/MapControls.tsx

@@ -21,6 +21,7 @@ import {
   selectIsAnyReportLocation,
   selectIsWorkspaceLocation,
   selectIsMapDrawing,
+  selectIsVesselGroupReportLocation,
 } from 'routes/routes.selectors'
 import { useDownloadDomElementAsImage } from 'hooks/screen.hooks'
 import { setInlineStyles, cleantInlineStyles } from 'utils/dom'
@@ -70,10 +71,12 @@ const MapControls = ({
   const isWorkspaceLocation = useSelector(selectIsWorkspaceLocation)
   const isVesselLocation = useSelector(selectIsAnyVesselLocation)
   const reportLocation = useSelector(selectIsAnyReportLocation)
+  const isVesselGroupReportLocation = useSelector(selectIsVesselGroupReportLocation)
   const isMapDrawing = useSelector(selectIsMapDrawing)
   const { isErrorNotificationEditing, toggleErrorNotification } = useMapErrorNotification()
   const showExtendedControls =
-    (isWorkspaceLocation || isVesselLocation || reportLocation) && !isMapDrawing
+    (isWorkspaceLocation || isVesselLocation || reportLocation || isVesselGroupReportLocation) &&
+    !isMapDrawing
   const showScreenshot = !isVesselLocation && !reportLocation
   const rootElement = useRootElement()
 

apps/fishing-map/features/vessel-groups/vessel-groups.slice.ts

@@ -81,8 +81,7 @@ export const fetchVesselGroupsThunk = createAsyncThunk<
     const vesselGroupsParams = {
       ...DEFAULT_PAGINATION_PARAMS,
       cache: false,
-      // 'logged-user': true,
-      ...(ids?.length && { ids }),
+      ...(ids?.length ? { ids } : { 'logged-user': true }),
     }
     const url = `/vessel-groups?${stringify(vesselGroupsParams)}`
     const vesselGroups = await GFWAPI.fetch<APIPagination<VesselGroup>>(url, { cache: 'reload' })

apps/fishing-map/features/vessel/areas/VesselAreas.tsx

@@ -25,6 +25,7 @@ import { TrackCategory, trackEvent } from 'features/app/analytics.hooks'
 import { selectVesselProfileColor } from 'features/dataviews/selectors/dataviews.instances.selectors'
 import { useMapFitBounds } from 'features/map/map-bounds.hooks'
 import { useDebouncedDispatchHighlightedEvent } from 'features/map/map-interactions.hooks'
+import { useFetchRegionsData } from 'features/vessel/activity/event/event.hook'
 import { useVesselProfileEventsLoading } from '../vessel-events.hooks'
 import { VesselAreaSubsection } from '../vessel.types'
 import styles from './VesselAreas.module.css'
@@ -98,6 +99,7 @@ const AreaTooltip = ({ payload }: any) => {
 }
 
 const VesselAreas = ({ updateAreaLayersVisibility }: VesselAreasProps) => {
+  useFetchRegionsData()
   const { t } = useTranslation()
   const { dispatchQueryParams } = useLocationConnect()
   const events = useSelector(selectVesselEventsFilteredByTimerange)