completely removed modal reducer

src/store/index.ts

@@ -1,10 +1,18 @@
 import { makeAutoObservable } from 'mobx';
 import { FlowStore } from '~/store/flow/FlowStore';
+import { ModalStore } from '~/store/modal/ModalStore';
+import { PhotoSwipeStore } from '~/store/photoSwipe/PhotoSwipeStore';
 
 export class Store {
   flow = new FlowStore();
+  modal = new ModalStore();
+  photoSwipe = new PhotoSwipeStore();
 
   constructor() {
     makeAutoObservable(this);
   }
 }
+
+const defaultStore = new Store();
+
+export const getMOBXStore = () => defaultStore;

src/store/modal/ModalStore.tsx

@@ -0,0 +1,14 @@
+import { makeAutoObservable } from 'mobx';
+import { Dialog } from '~/constants/modal';
+
+export class ModalStore {
+  current: Dialog | null = null;
+
+  constructor() {
+    makeAutoObservable(this);
+  }
+
+  setCurrent = (current: Dialog | null) => (this.current = current);
+
+  hide = () => (this.current = null);
+}

src/store/modal/useModalStore.ts

@@ -0,0 +1,3 @@
+import { useStore } from '~/utils/context/StoreContextProvider';
+
+export const useModalStore = () => useStore().modal;

src/store/photoSwipe/PhotoSwipeStore.tsx

@@ -0,0 +1,16 @@
+import { makeAutoObservable } from 'mobx';
+import { IFile } from '~/redux/types';
+
+export class PhotoSwipeStore {
+  images: IFile[] = [];
+  index: number = 0;
+
+  constructor() {
+    makeAutoObservable(this);
+  }
+
+  setData = (images: IFile[], index: number) => {
+    this.images = images;
+    this.index = index;
+  };
+}

src/store/photoSwipe/usePhotoSwipeStore.tsx

@@ -0,0 +1,3 @@
+import { useStore } from '~/utils/context/StoreContextProvider';
+
+export const usePhotoSwipeStore = () => useStore().photoSwipe;