Декомпозицирует типы, добавляет стейтменеджер для карты

frontend/src/components/mapMenu/MapMenu.tsx

@@ -7,6 +7,7 @@ import './../../styles/mapMenu.scss'
 import ChooseModuleWindow from "./UIMapMenu/ChooseModuleWindow.tsx";
 import UserProfile from "./UIMapMenu/UserProfile.tsx";
 import Geolocation from "./UIMapMenu/Level/Geolocation.tsx";
+import {GeolocationType} from "../../types/GeolocationType.ts";
 
 const MapMenu: React.FC = () => {
     const navigate = useNavigate()
@@ -16,7 +17,7 @@ const MapMenu: React.FC = () => {
         navigate('/')
     }
 
-    const geolocations = [
+    const geolocations: GeolocationType[] = [
         {
             id: 1,
             level: {

frontend/src/components/mapMenu/UIMapMenu/ChooseModuleWindow.tsx

@@ -1,6 +1,4 @@
 import React from 'react';
-import ArrowLeft from "./UIChooseModule/ArrowLeft.tsx";
-import ArrowRight from "./UIChooseModule/ArrowRight.tsx";
 
 interface IPropTypes {
 
@@ -10,13 +8,7 @@ const ChooseModuleWindow: React.FC<IPropTypes> = () => {
     return (
         <div className="choose-module-window">
             <div className="choose-module-window__wrapper">
-                <div className="left-arrow">
-                    <ArrowLeft/>
-                </div>
                 МОДУЛЬ 1
-                <div className="right-arrow">
-                    <ArrowRight/>
-                </div>
             </div>
         </div>
     );

frontend/src/components/mapMenu/UIMapMenu/Level/Geolocation.tsx

@@ -1,13 +1,10 @@
 import React, {useState} from 'react';
 import ModalWindow from "../../../../UIComponents/modalWindow/ModalWindow.tsx";
-import ModalLevelBody, {IModalLevelProps} from "./ModalLevelBody.tsx";
+import ModalLevelBody from "./ModalLevelBody.tsx";
+import {GeolocationType} from "../../../../types/GeolocationType.ts";
 
-interface IGeolocationProps {
-    id: number,
-    level: IModalLevelProps
-}
 
-const Geolocation: React.FC<IGeolocationProps> = ({id, level}) => {
+const Geolocation: React.FC<GeolocationType> = ({id, level}) => {
     const [isOpenModalWindow, setOpenModalWindow] = useState(false)
     const classNameGeolocation = "geolocation-" + id
     return (

frontend/src/components/mapMenu/UIMapMenu/Level/ModalLevelBody.tsx

@@ -2,26 +2,10 @@ import React, {useState} from 'react';
 import "./modalLevelBody.scss"
 import ArrowLeft from "../UIChooseModule/ArrowLeft.tsx";
 import ArrowRight from "../UIChooseModule/ArrowRight.tsx";
+import {LevelType} from "../../../../types/LevelType.ts";
 
-export interface IModalLevelProps {
-    levelName: string,
-    title: string,
-    menu: MenuType[]
-}
-
-type MenuType = {
-    taskName: string,
-    body: string
-}
-
-interface taskType {
-    name: string,
-    element: JSX.Element
-}
-
-
-const ModalLevelBody: React.FC<IModalLevelProps> = ({levelName, title, menu}) => {
-    const tasks: taskType[] = [
+const ModalLevelBody: React.FC<LevelType> = ({levelName, title, menu}) => {
+    const tasks = [
         {name: "theory", element: <Theory/>},
         {name: "video", element: <Video/>},
         {name: "test", element: <Test/>}

frontend/src/store/authStore.ts

@@ -2,6 +2,8 @@ import {makeAutoObservable} from "mobx";
 
 class AuthStore {
     isUserAuthorized: boolean = false
+    userRole: string | null = null
+
     userLogin: string = ""
     userPassword: string = ""
 
@@ -24,6 +26,10 @@ class AuthStore {
     changeUserPassword(newPassword: string) {
         this.userPassword = newPassword
     }
+
+    setUserRole(newUserRole: string) {
+        this.userRole = newUserRole
+    }
 }
 
 export default new AuthStore()

frontend/src/store/mapMenuStore.ts

@@ -0,0 +1,15 @@
+import {makeAutoObservable} from "mobx";
+import {GeolocationType} from "../types/GeolocationType.ts";
+
+class MapMenuStore {
+
+    coinsCount: number = 0
+    moduleId: string | null = null
+    geolocations: GeolocationType[] = []
+
+    constructor() {
+        makeAutoObservable(this)
+    }
+}
+
+export default new MapMenuStore()

frontend/src/types/GeolocationType.ts

@@ -0,0 +1,6 @@
+import {LevelType} from "./LevelType.ts";
+
+export type GeolocationType = {
+    id: number;
+    level: LevelType
+}

frontend/src/types/LevelType.ts

@@ -0,0 +1,7 @@
+import {TaskType} from "./TaskType.ts";
+
+export type LevelType = {
+    levelName: string,
+    title: string
+    menu: TaskType[]
+}

frontend/src/types/TaskType.ts

@@ -0,0 +1,4 @@
+export type TaskType = {
+    taskName: string,
+    body: string
+}