feat(userOverlays): display users overlays without group (MIN-193)

Fetching of user overlays has been added, which allows you to edit the name and description of individual overlays in the modal, remove an overlay and change the order of overlays. Except editting, you can download a file with overlay data. The list of user overlays is displayed only to the logged in user. It is possible to display/disable the user's overlay on the map by toggling the View/Disable button. In addition, a description of the overlay is displayed in the form of a tooltip.

useroverlays

src/components/FunctionalArea/Modal/EditOverlayModal/hooks/useEditOverlay.test.ts

+/* eslint-disable no-magic-numbers */
+import { DEFAULT_ERROR } from '@/constants/errors';
+import { overlayFixture } from '@/models/fixtures/overlaysFixture';
+import { getReduxStoreWithActionsListener } from '@/utils/testing/getReduxStoreActionsListener';
+import { renderHook } from '@testing-library/react';
+import { useEditOverlay } from './useEditOverlay';
+
+describe('useEditOverlay', () => {
+  it('should handle cancel edit overlay', () => {
+    const { Wrapper, store } = getReduxStoreWithActionsListener({
+      user: {
+        authenticated: true,
+        loading: 'succeeded',
+        error: DEFAULT_ERROR,
+        login: 'test',
+      },
+      modal: {
+        isOpen: true,
+        modalTitle: overlayFixture.name,
+        modalName: 'edit-overlay',
+        editOverlayState: overlayFixture,
+        molArtState: {},
+        overviewImagesState: {},
+      },
+    });
+
+    const {
+      result: {
+        current: { handleCancelEdit },
+      },
+    } = renderHook(() => useEditOverlay(), {
+      wrapper: Wrapper,
+    });
+
+    handleCancelEdit();
+
+    const actions = store.getActions();
+
+    expect(actions[0].type).toBe('modal/closeModal');
+  });
+
+  it('should handle handleRemoveOverlay if proper data is provided', () => {
+    const { Wrapper, store } = getReduxStoreWithActionsListener({
+      user: {
+        authenticated: true,
+        loading: 'succeeded',
+        error: DEFAULT_ERROR,
+        login: 'test',
+      },
+      modal: {
+        isOpen: true,
+        modalTitle: overlayFixture.name,
+        modalName: 'edit-overlay',
+        editOverlayState: overlayFixture,
+        molArtState: {},
+        overviewImagesState: {},
+      },
+    });
+
+    const {
+      result: {
+        current: { handleRemoveOverlay },
+      },
+    } = renderHook(() => useEditOverlay(), {
+      wrapper: Wrapper,
+    });
+
+    handleRemoveOverlay();
+
+    const actions = store.getActions();
+
+    expect(actions[0].type).toBe('overlays/removeOverlay/pending');
+
+    const { login, overlayId } = actions[0].meta.arg;
+    expect(login).toBe('test');
+    expect(overlayId).toBe(overlayFixture.idObject);
+  });
+  it('should not handle handleRemoveOverlay if proper data is not provided', () => {
+    const { Wrapper, store } = getReduxStoreWithActionsListener({
+      user: {
+        authenticated: true,
+        loading: 'failed',
+        error: DEFAULT_ERROR,
+        login: null,
+      },
+      modal: {
+        isOpen: true,
+        modalTitle: overlayFixture.name,
+        modalName: 'edit-overlay',
+        editOverlayState: overlayFixture,
+        molArtState: {},
+        overviewImagesState: {},
+      },
+    });
+
+    const {
+      result: {
+        current: { handleRemoveOverlay },
+      },
+    } = renderHook(() => useEditOverlay(), {
+      wrapper: Wrapper,
+    });
+
+    handleRemoveOverlay();
+
+    const actions = store.getActions();
+
+    expect(actions.length).toBe(0);
+  });
+  it('should handle handleSaveEditedOverlay if proper data is provided', () => {
+    const { Wrapper, store } = getReduxStoreWithActionsListener({
+      user: {
+        authenticated: true,
+        loading: 'succeeded',
+        error: DEFAULT_ERROR,
+        login: 'test',
+      },
+      modal: {
+        isOpen: true,
+        modalTitle: overlayFixture.name,
+        modalName: 'edit-overlay',
+        editOverlayState: overlayFixture,
+        molArtState: {},
+        overviewImagesState: {},
+      },
+    });
+
+    const {
+      result: {
+        current: { handleSaveEditedOverlay },
+      },
+    } = renderHook(() => useEditOverlay(), {
+      wrapper: Wrapper,
+    });
+
+    handleSaveEditedOverlay();
+
+    const actions = store.getActions();
+
+    expect(actions[0].type).toBe('overlays/updateOverlays/pending');
+    expect(actions[0].meta.arg).toEqual([overlayFixture]);
+  });
+  it('should not handle handleSaveEditedOverlay if proper data is not provided', () => {
+    const { Wrapper, store } = getReduxStoreWithActionsListener({
+      user: {
+        authenticated: true,
+        loading: 'succeeded',
+        error: DEFAULT_ERROR,
+        login: null,
+      },
+      modal: {
+        isOpen: true,
+        modalTitle: overlayFixture.name,
+        modalName: 'edit-overlay',
+        editOverlayState: overlayFixture,
+        molArtState: {},
+        overviewImagesState: {},
+      },
+    });
+
+    const {
+      result: {
+        current: { handleSaveEditedOverlay },
+      },
+    } = renderHook(() => useEditOverlay(), {
+      wrapper: Wrapper,
+    });
+
+    handleSaveEditedOverlay();
+
+    const actions = store.getActions();
+
+    expect(actions.length).toBe(0);
+  });
+});