refactor(pr fixes): pr fixes

src/components/Map/Drawer/SearchDrawerContent/Results/PinsList/PinsListItem/PinsListItem.component.tsx

@@ -6,7 +6,7 @@ interface PinsListItemProps {
 
 export const PinsListItem = ({ name }: PinsListItemProps): JSX.Element => (
   <div className="flex flex-row justify-between pt-4">
-    <Icon name="pin-orange" className="mr-2 shrink-0" />
+    <Icon name="pin" className="mr-2 shrink-0" />
     <p className="w-full text-left">{name}</p>
     <Icon name="chevron-right" className="h-6 w-6 shrink-0" />
   </div>

src/components/Map/Drawer/SearchDrawerContent/Results/Results.component.tsx

 import { DrawerHeadingBackwardButton } from '@/shared/DrawerHeadingBackwardButton';
 import { PinsList } from './PinsList';
+import { PinItem } from './PinsList/PinsList.types';
 
-const PINS_LIST = [
+const PINS_LIST: PinItem[] = [
   { name: 'Glyceraldehyde-3-phosphate dehydrogenase' },
   { name: 'D-3-phosphoglycerate dehydrogenase' },
   { name: 'Glutathione reductase, mitochondrial' },

src/shared/DrawerHeadingBackwardButton/DrawerHeadingBackwardButton.component.tsx

 import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
 import { closeDrawer } from '@/redux/drawer/drawer.slice';
 import { IconButton } from '@/shared/IconButton';
-
-export const CLOSE_BUTTON_ROLE = 'close-drawer-button';
-export const BACK_BUTTON_ROLE = 'back-button';
+import { BACK_BUTTON_ROLE, CLOSE_BUTTON_ROLE } from './DrawerHeadingBackwardButton.constants';
 
 export interface DrawerHeadingBackwardButtonProps {
   title: string;

src/shared/DrawerHeadingBackwardButton/DrawerHeadingBackwardButton.constants.tsx

+export const CLOSE_BUTTON_ROLE = 'close-drawer-button';
+export const BACK_BUTTON_ROLE = 'back-button';

src/shared/Icon/Icon.component.tsx

@@ -12,7 +12,7 @@ import { PageIcon } from '@/shared/Icon/Icons/PageIcon';
 import { PluginIcon } from '@/shared/Icon/Icons/PluginIcon';
 import { PlusIcon } from '@/shared/Icon/Icons/PlusIcon';
 import { CloseIcon } from '@/shared/Icon/Icons/CloseIcon';
-import { PinOrange } from '@/shared/Icon/Icons/PinOrance';
+import { Pin } from '@/shared/Icon/Icons/Pin';
 
 import type { IconTypes } from '@/types/iconTypes';
 
@@ -26,7 +26,7 @@ const icons = {
   'chevron-left': ChevronLeftIcon,
   'chevron-up': ChevronUpIcon,
   'chevron-down': ChevronDownIcon,
-  'pin-orange': PinOrange,
+  pin: Pin,
   plus: PlusIcon,
   arrow: ArrowIcon,
   dots: DotsIcon,

src/shared/Icon/Icons/PinOrance.tsx → src/shared/Icon/Icons/Pin.tsx

@@ -2,7 +2,7 @@ interface PinOrangeProps {
   className: string;
 }
 
-export const PinOrange = ({ className }: PinOrangeProps): JSX.Element => (
+export const Pin = ({ className }: PinOrangeProps): JSX.Element => (
   <svg
     width="18"
     height="24"
@@ -13,8 +13,8 @@ export const PinOrange = ({ className }: PinOrangeProps): JSX.Element => (
   >
     <path
       d="M9 0C4.575 0 0 3.375 0 9C0 14.325 8.1 22.65 8.475 23.025C8.625 23.175 8.775 23.25 9 23.25C9.225 23.25 9.375 23.175 9.525 23.025C9.9 22.65 18 14.4 18 9C18 3.375 13.425 0 9 0ZM9 12C7.35 12 6 10.65 6 9C6 7.35 7.35 6 9 6C10.65 6 12 7.35 12 9C12 10.65 10.65 12 9 12Z"
-      fill="#E17221"
+      fill="currentColor"
     />
-    <circle cx="9.0002" cy="8.99922" r="4.8" fill="#E17221" />
+    <circle cx="9.0002" cy="8.99922" r="4.8" fill="currentColor" />
   </svg>
 );

src/types/iconTypes.ts

@@ -13,4 +13,4 @@ export type IconTypes =
   | 'page'
   | 'plugin'
   | 'close'
-  | 'pin-orange';
+  | 'pin';

src/utils/getReduxWrapperWithStore.tsx

-import { StoreType } from '@/redux/store';
+import { RootState, StoreType } from '@/redux/store';
 import { configureStore } from '@reduxjs/toolkit';
 import { Provider } from 'react-redux';
 import bioEntityContentsReducer from '@/redux/bioEntityContents/bioEntityContents.slice';
@@ -9,27 +9,12 @@ import mirnasReducer from '@/redux/mirnas/mirnas.slice';
 import projectReducer from '@/redux/project/project.slice';
 import searchReducer from '@/redux/search/search.slice';
 import modelsReducer from '@/redux/models/models.slice';
-import { SearchState } from '@/redux/search/search.types';
-import { ProjectState } from '@/redux/project/project.types';
-import { DrugsState } from '@/redux/drugs/drugs.types';
-import { MirnasState } from '@/redux/mirnas/mirnas.types';
-import { ChemicalsState } from '@/redux/chemicals/chemicals.types';
-import { BioEntityContentsState } from '@/redux/bioEntityContents/bioEntityContents.types';
-import { DrawerState } from '@/redux/drawer/drawer.types';
 
 interface WrapperProps {
   children: React.ReactNode;
 }
 
-export type InitialStoreState = {
-  search?: SearchState;
-  project?: ProjectState;
-  drugs?: DrugsState;
-  mirnas?: MirnasState;
-  chemicals?: ChemicalsState;
-  bioEntityContents?: BioEntityContentsState;
-  drawer?: DrawerState;
-};
+export type InitialStoreState = Partial<RootState>;
 
 type GetReduxWrapperUsingSliceReducer = (initialState?: InitialStoreState) => {
   Wrapper: ({ children }: WrapperProps) => JSX.Element;