Merge branch 'MIN-169-display-legend' into 'development'

feat: add display legend

Closes MIN-169

See merge request !93

src/redux/legend/legend.slice.ts

+import { createSlice } from '@reduxjs/toolkit';
+import { LEGEND_INITIAL_STATE } from './legend.constants';
+import { closeLegendReducer, openLegendReducer } from './legend.reducers';
+
+const legendSlice = createSlice({
+  name: 'legend',
+  initialState: LEGEND_INITIAL_STATE,
+  reducers: {
+    openLegend: openLegendReducer,
+    closeLegend: closeLegendReducer,
+  },
+});
+
+export const { openLegend, closeLegend } = legendSlice.actions;
+
+export default legendSlice.reducer;

src/redux/legend/legend.types.ts

+export type PluginId = number;
+export type ImageUrl = string;
+
+export type LegendState = {
+  isOpen: boolean;
+  pluginLegend: Record<PluginId, ImageUrl[]>;
+  selectedPluginId: PluginId | undefined;
+};

src/redux/root/root.fixtures.ts

 import { BACKGROUND_INITIAL_STATE_MOCK } from '../backgrounds/background.mock';
 import { BIOENTITY_INITIAL_STATE_MOCK } from '../bioEntity/bioEntity.mock';
 import { CHEMICALS_INITIAL_STATE_MOCK } from '../chemicals/chemicals.mock';
+import { CONFIGURATION_INITIAL_STATE } from '../configuration/configuration.adapter';
 import { CONTEXT_MENU_INITIAL_STATE } from '../contextMenu/contextMenu.constants';
 import { COOKIE_BANNER_INITIAL_STATE_MOCK } from '../cookieBanner/cookieBanner.mock';
-import { CONFIGURATION_INITIAL_STATE } from '../configuration/configuration.adapter';
 import { initialStateFixture as drawerInitialStateMock } from '../drawer/drawerFixture';
 import { DRUGS_INITIAL_STATE_MOCK } from '../drugs/drugs.mock';
+import { LEGEND_INITIAL_STATE_MOCK } from '../legend/legend.mock';
 import { initialMapStateFixture } from '../map/map.fixtures';
 import { MODAL_INITIAL_STATE_MOCK } from '../modal/modal.mock';
 import { MODELS_INITIAL_STATE_MOCK } from '../models/models.mock';
@@ -14,9 +15,9 @@ import { OVERLAYS_INITIAL_STATE_MOCK } from '../overlays/overlays.mock';
 import { PROJECT_STATE_INITIAL_MOCK } from '../project/project.mock';
 import { REACTIONS_STATE_INITIAL_MOCK } from '../reactions/reactions.mock';
 import { SEARCH_STATE_INITIAL_MOCK } from '../search/search.mock';
+import { STATISTICS_STATE_INITIAL_MOCK } from '../statistics/statistics.mock';
 import { RootState } from '../store';
 import { USER_INITIAL_STATE_MOCK } from '../user/user.mock';
-import { STATISTICS_STATE_INITIAL_MOCK } from '../statistics/statistics.mock';
 
 export const INITIAL_STORE_STATE_MOCK: RootState = {
   search: SEARCH_STATE_INITIAL_MOCK,
@@ -36,5 +37,6 @@ export const INITIAL_STORE_STATE_MOCK: RootState = {
   contextMenu: CONTEXT_MENU_INITIAL_STATE,
   cookieBanner: COOKIE_BANNER_INITIAL_STATE_MOCK,
   user: USER_INITIAL_STATE_MOCK,
+  legend: LEGEND_INITIAL_STATE_MOCK,
   statistics: STATISTICS_STATE_INITIAL_MOCK,
 };

src/redux/store.ts

 import backgroundsReducer from '@/redux/backgrounds/backgrounds.slice';
 import bioEntityReducer from '@/redux/bioEntity/bioEntity.slice';
 import chemicalsReducer from '@/redux/chemicals/chemicals.slice';
+import configurationReducer from '@/redux/configuration/configuration.slice';
+import contextMenuReducer from '@/redux/contextMenu/contextMenu.slice';
+import cookieBannerReducer from '@/redux/cookieBanner/cookieBanner.slice';
 import drawerReducer from '@/redux/drawer/drawer.slice';
 import drugsReducer from '@/redux/drugs/drugs.slice';
 import mapReducer from '@/redux/map/map.slice';
 import modalReducer from '@/redux/modal/modal.slice';
 import modelsReducer from '@/redux/models/models.slice';
+import overlayBioEntityReducer from '@/redux/overlayBioEntity/overlayBioEntity.slice';
 import overlaysReducer from '@/redux/overlays/overlays.slice';
 import projectReducer from '@/redux/project/project.slice';
 import reactionsReducer from '@/redux/reactions/reactions.slice';
-import contextMenuReducer from '@/redux/contextMenu/contextMenu.slice';
 import searchReducer from '@/redux/search/search.slice';
-import cookieBannerReducer from '@/redux/cookieBanner/cookieBanner.slice';
 import userReducer from '@/redux/user/user.slice';
-import configurationReducer from '@/redux/configuration/configuration.slice';
-import overlayBioEntityReducer from '@/redux/overlayBioEntity/overlayBioEntity.slice';
 import {
   AnyAction,
   ListenerEffectAPI,
@@ -22,6 +22,7 @@ import {
   TypedStartListening,
   configureStore,
 } from '@reduxjs/toolkit';
+import legendReducer from './legend/legend.slice';
 import { mapListenerMiddleware } from './map/middleware/map.middleware';
 import statisticsReducer from './statistics/statistics.slice';
 
@@ -43,6 +44,7 @@ export const reducers = {
   user: userReducer,
   configuration: configurationReducer,
   overlayBioEntity: overlayBioEntityReducer,
+  legend: legendReducer,
   statistics: statisticsReducer,
 };