From 3260f0e5d2c37d287afb9a34fb53ea5feebc2f28 Mon Sep 17 00:00:00 2001
From: semantics <mihail323i21@gmail.com>
Date: Thu, 14 Dec 2023 08:06:29 +0500
Subject: [PATCH 1/3] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BB=D0=B8=D0=BD=D1=82=D0=B5=D1=80,=20=D0=B4=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA?=
 =?UTF-8?q?=D1=83=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customAddButton/CustomAddButton.tsx       | 12 +++++++
 .../UIComponents/customInput/CustomInput.tsx  |  5 +++
 .../components/authentication/AuthForm.tsx    |  9 +++--
 frontend/src/components/mapMenu/MapMenu.tsx   |  2 +-
 .../mapMenu/SuperUserMap/SuperUserMap.tsx     | 36 ++++++++++---------
 frontend/tsconfig.json                        | 15 +++++---
 6 files changed, 52 insertions(+), 27 deletions(-)
 create mode 100644 frontend/src/UIComponents/customAddButton/CustomAddButton.tsx

diff --git a/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
new file mode 100644
index 0000000..e09687d
--- /dev/null
+++ b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+const CustomAddButton: React.FC = () => {
+    return (
+        <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="35" cy="35" r="35" fill="#00D29D"/>
+            <path d="M35 10V60M10 34.5H35H60" stroke="white" strokeWidth="4"/>
+        </svg>
+    );
+};
+
+export default CustomAddButton;
diff --git a/frontend/src/UIComponents/customInput/CustomInput.tsx b/frontend/src/UIComponents/customInput/CustomInput.tsx
index 9bf851e..ebc0e1c 100644
--- a/frontend/src/UIComponents/customInput/CustomInput.tsx
+++ b/frontend/src/UIComponents/customInput/CustomInput.tsx
@@ -18,6 +18,7 @@ interface IPropTypes {
     register?: UseFormRegister<FormValues>,
     required?: boolean,
     value?: string,
+    handleOnChange?: (e: string) => void,
 }
 
 const CustomInput: React.FC<IPropTypes> =
@@ -33,6 +34,8 @@ const CustomInput: React.FC<IPropTypes> =
          defaultValue,
          register,
          validateRules,
+         value,
+         handleOnChange,
          ...inputProps
      }) => {
         return (
@@ -49,6 +52,8 @@ const CustomInput: React.FC<IPropTypes> =
                     defaultValue={defaultValue}
                     {...register !== undefined && name !== undefined ? {...register(name, validateRules)} : ""}
                     {...inputProps}
+                    value={value}
+                    onChange={(e) => handleOnChange ? (e.target.value) : undefined}
                 />
                 {/*{error.message && <span className="custom-input__error">{error.message}</span>}*/}
             </div>
diff --git a/frontend/src/components/authentication/AuthForm.tsx b/frontend/src/components/authentication/AuthForm.tsx
index 56da911..bb7a63e 100644
--- a/frontend/src/components/authentication/AuthForm.tsx
+++ b/frontend/src/components/authentication/AuthForm.tsx
@@ -1,15 +1,15 @@
 import React, {useCallback, useState} from 'react';
 
-import CustomInput from "../../UIComponents/customInput/CustomInput.tsx";
-import CustomCheckbox from "../../UIComponents/customCheckbox/CustomCheckbox.tsx";
+import CustomInput from "../../UIComponents/customInput/CustomInput";
+import CustomCheckbox from "../../UIComponents/customCheckbox/CustomCheckbox";
 
 import {useNavigate} from "react-router-dom"
 import {useForm} from "react-hook-form";
 
 import {observer} from "mobx-react-lite";
 
-import authStore from "../../store/authStore.ts";
-import auth from "../../utils/auth.ts";
+import authStore from "../../store/authStore";
+import auth from "../../utils/auth";
 import Starfield from "react-starfield";
 
 export type FormValues = {
@@ -29,7 +29,6 @@ const AuthForm: React.FC = observer(() => {
 
     const onHandleSubmit = useCallback((data: { login: string, password: string }) => {
         authStore.signIn(data.login, data.password).then(() => navigateTo('/map'))
-        console.log(data.login, data.password)
     }, [navigateTo])
 
     return (
diff --git a/frontend/src/components/mapMenu/MapMenu.tsx b/frontend/src/components/mapMenu/MapMenu.tsx
index 51a2ea3..2fb3c97 100644
--- a/frontend/src/components/mapMenu/MapMenu.tsx
+++ b/frontend/src/components/mapMenu/MapMenu.tsx
@@ -54,7 +54,7 @@ const MapMenu: React.FC = observer(() => {
                 speedFactor={0.05}
                 backgroundColor="black"
             />
-            {user?.is_superuser
+            {!user?.is_superuser
                 ? <SuperUserMap/>
                 : <EmployeeMap user={user} formattedDate={formattedDate}/>
             }
diff --git a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
index 5522a0b..b61c9a6 100644
--- a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
+++ b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from 'react';
+import React, {useCallback, useEffect, useState} from 'react';
 import CustomButton from "../../../UIComponents/customButton/CustomButton.tsx";
 import mapMenuStore from "../../../store/mapMenuStore.ts";
 import CustomInput from "../../../UIComponents/customInput/CustomInput.tsx";
@@ -26,31 +26,33 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
         mapMenuStore.selectMap(map).then(() => mapMenuStore.changeCurrentMapIndex(indexMap))
     }
 
-    function handleOnClickChangeIsModalOpen() {
+    const handleOnClickChangeIsModalOpen = useCallback(() => {
         setIsUserListModalOpen(!isUsersListModalOpen)
-    }
-
+    }, [isUsersListModalOpen])
 
     return (
         <div>
-            {isUsersListModalOpen
-                ? <ModalWindow
-                    onClose={handleOnClickChangeIsModalOpen}
-                    body={<UsersListModalBody users={superUserStore.allUsers}/>}
-                    windowContentStyles=""
-                />
-                : ""}
+            {
+                isUsersListModalOpen
+                    ? <ModalWindow
+                        onClose={handleOnClickChangeIsModalOpen}
+                        body={<UsersListModalBody users={superUserStore.allUsers}/>}
+                        windowContentStyles=""
+                    />
+                    : ""
+            }
             <CustomButton handleOnClick={handleOnClickChangeIsModalOpen} text="Открыть список сотрудников"/>
-            <select>
-                {superUserStore.allUsers.map((user) =>
-                    <option key={user.username} value={user.username}>{user.username}</option>)}
-            </select>
+
+            {/*<select>*/}
+            {/*    {superUserStore.allUsers.map((user) =>*/}
+            {/*        <option key={user.username} value={user.username}>{user.username}</option>)}*/}
+            {/*</select>*/}
 
             <div className="map-create">
-                <CustomInput type="text" value={mapMenuStore.newNameMap}
-                             handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
                 <CustomButton text="Создать новую карту"
                               handleOnClick={() => mapMenuStore.createMap(mapMenuStore.newNameMap)}/>
+                <CustomInput type="text" value={mapMenuStore.newNameMap}
+                             handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
             </div>
 
             <select className="available-maps">
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index b7bec8e..1b2a157 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -2,10 +2,14 @@
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
     "module": "ESNext",
     "skipLibCheck": true,
-
+    "esModuleInterop": true,
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
@@ -13,7 +17,6 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
@@ -24,5 +27,9 @@
   "include": [
     "src"
   ],
-  "references": [{ "path": "./tsconfig.node.json"}]
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
 }

From 68961f21f55f2b04564ef115ffc51c822533dbfb Mon Sep 17 00:00:00 2001
From: semantics <mihail323i21@gmail.com>
Date: Thu, 14 Dec 2023 08:14:52 +0500
Subject: [PATCH 2/3] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D0=BB=20=D0=BB?=
 =?UTF-8?q?=D0=B8=D1=88=D0=BD=D0=B5=D0=B5=20=D1=81=D0=BE=20=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20=D0=BA=D0=B0=D1=80=D1=82?=
 =?UTF-8?q?,=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA=D1=83=20=D0=BF=D0=BB=D1=8E?=
 =?UTF-8?q?=D1=81=D0=B8=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customAddButton/CustomAddButton.tsx       | 16 ++++++---
 .../mapMenu/SuperUserMap/SuperUserMap.tsx     | 35 +++++++++++--------
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
index e09687d..5ef8405 100644
--- a/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
+++ b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
@@ -1,11 +1,17 @@
 import React from 'react';
 
-const CustomAddButton: React.FC = () => {
+interface ICustomAddButton {
+    handleOnClick: () => void;
+}
+
+const CustomAddButton: React.FC<ICustomAddButton> = ({handleOnClick}) => {
     return (
-        <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <circle cx="35" cy="35" r="35" fill="#00D29D"/>
-            <path d="M35 10V60M10 34.5H35H60" stroke="white" strokeWidth="4"/>
-        </svg>
+        <div onClick={handleOnClick}>
+            <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="35" cy="35" r="35" fill="#00D29D"/>
+                <path d="M35 10V60M10 34.5H35H60" stroke="white" strokeWidth="4"/>
+            </svg>
+        </div>
     );
 };
 
diff --git a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
index b61c9a6..61d142c 100644
--- a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
+++ b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
@@ -22,9 +22,9 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
                 .then(() => moduleMenuStore.fetchModules()))
     }, []);
 
-    function handleOnClickOptionMap(map: IMapType, indexMap: number) {
+    const handleOnClickOptionMap = useCallback((map: IMapType, indexMap: number) => {
         mapMenuStore.selectMap(map).then(() => mapMenuStore.changeCurrentMapIndex(indexMap))
-    }
+    }, [])
 
     const handleOnClickChangeIsModalOpen = useCallback(() => {
         setIsUserListModalOpen(!isUsersListModalOpen)
@@ -39,7 +39,7 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
                         body={<UsersListModalBody users={superUserStore.allUsers}/>}
                         windowContentStyles=""
                     />
-                    : ""
+                    : null
             }
             <CustomButton handleOnClick={handleOnClickChangeIsModalOpen} text="Открыть список сотрудников"/>
 
@@ -55,18 +55,25 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
                              handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
             </div>
 
-            <select className="available-maps">
-                {mapMenuStore.availableMaps?.map((map, index) =>
-                    <option key={map.id} value={map.title}
-                            onClick={() => handleOnClickOptionMap(map, index)}>{map.title}</option>)}
-                <CustomButton text="Удалить выбранную карту" additionalClassName="delete-map__btn"
-                              handleOnClick={() => mapMenuStore.deleteMap(mapMenuStore.mapMenu?.id)}/>
-            </select>
+            <div className="module-create">
+                <CustomButton text="Создать новый модуль"
+                              handleOnClick={() => mapMenuStore.createMap(mapMenuStore.newNameMap)}/>
+                <CustomInput type="text" value={mapMenuStore.newNameMap}
+                             handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
+            </div>
 
-            <select className="available-modules">
-                {moduleMenuStore.availableModules.map((module) =>
-                    <option key={module.id} value={module.title}>{module.title}</option>)}
-            </select>
+            {/*<select className="available-maps">*/}
+            {/*    {mapMenuStore.availableMaps?.map((map, index) =>*/}
+            {/*        <option key={map.id} value={map.title}*/}
+            {/*                onClick={() => handleOnClickOptionMap(map, index)}>{map.title}</option>)}*/}
+            {/*    <CustomButton text="Удалить выбранную карту" additionalClassName="delete-map__btn"*/}
+            {/*                  handleOnClick={() => mapMenuStore.deleteMap(mapMenuStore.mapMenu?.id)}/>*/}
+            {/*</select>*/}
+
+            {/*<select className="available-modules">*/}
+            {/*    {moduleMenuStore.availableModules.map((module) =>*/}
+            {/*        <option key={module.id} value={module.title}>{module.title}</option>)}*/}
+            {/*</select>*/}
         </div>
     );
 });

From 98e32497c512821f08cdf9670f6e3bbda574a791 Mon Sep 17 00:00:00 2001
From: semantics <mihail323i21@gmail.com>
Date: Thu, 14 Dec 2023 11:27:12 +0500
Subject: [PATCH 3/3] =?UTF-8?q?=D0=B4=D0=B5=D0=BB=D0=B0=D0=B5=D1=82=20?=
 =?UTF-8?q?=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=B0=20=D0=BA=D0=B0=D1=80=D1=82?=
 =?UTF-8?q?=20=D0=BF=D1=80=D0=B8=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B8/=D1=83=D0=B4=D0=B0=D0=BB=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customAddButton/CustomAddButton.tsx       |  3 +-
 .../customAddButton.module.scss               |  5 +++
 .../mapMenu/SuperUserMap/SuperUserMap.tsx     | 35 ++++++++++++-------
 frontend/src/store/mapMenuStore.ts            |  8 ++---
 frontend/src/styles/mapMenu.scss              | 11 ++++++
 5 files changed, 45 insertions(+), 17 deletions(-)
 create mode 100644 frontend/src/UIComponents/customAddButton/customAddButton.module.scss

diff --git a/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
index 5ef8405..6362092 100644
--- a/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
+++ b/frontend/src/UIComponents/customAddButton/CustomAddButton.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import styles from "./customAddButton.module.scss"
 
 interface ICustomAddButton {
     handleOnClick: () => void;
@@ -6,7 +7,7 @@ interface ICustomAddButton {
 
 const CustomAddButton: React.FC<ICustomAddButton> = ({handleOnClick}) => {
     return (
-        <div onClick={handleOnClick}>
+        <div onClick={handleOnClick} className={styles.add__btn}>
             <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <circle cx="35" cy="35" r="35" fill="#00D29D"/>
                 <path d="M35 10V60M10 34.5H35H60" stroke="white" strokeWidth="4"/>
diff --git a/frontend/src/UIComponents/customAddButton/customAddButton.module.scss b/frontend/src/UIComponents/customAddButton/customAddButton.module.scss
new file mode 100644
index 0000000..faa5668
--- /dev/null
+++ b/frontend/src/UIComponents/customAddButton/customAddButton.module.scss
@@ -0,0 +1,5 @@
+.add__btn{
+  :hover {
+    cursor: pointer
+  }
+}
diff --git a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
index 61d142c..7b65452 100644
--- a/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
+++ b/frontend/src/components/mapMenu/SuperUserMap/SuperUserMap.tsx
@@ -8,6 +8,7 @@ import moduleMenuStore from "../../../store/moduleMenuStore.ts";
 import {IMapType} from "../../../types/MapType.ts";
 import ModalWindow from "../../../UIComponents/modalWindow/ModalWindow.tsx";
 import UsersListModalBody from "./UsersListModalBody.tsx";
+import CustomAddButton from "../../../UIComponents/customAddButton/CustomAddButton.tsx";
 
 interface ISuperUserMap {
 
@@ -16,6 +17,10 @@ interface ISuperUserMap {
 const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
     const [isUsersListModalOpen, setIsUserListModalOpen] = useState<boolean>(false)
 
+    const [mapName, setMapName] = useState<string>("")
+    const [moduleName, setModuleName] = useState<string>("")
+    const [levelName, setLevelName] = useState<string>("")
+
     useEffect(() => {
         mapMenuStore.fetchAvailableMaps()
             .then(() => mapMenuStore.fetchMapById(mapMenuStore.availableMaps[mapMenuStore.currentMapIndex].id)
@@ -41,7 +46,10 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
                     />
                     : null
             }
-            <CustomButton handleOnClick={handleOnClickChangeIsModalOpen} text="Открыть список сотрудников"/>
+
+
+            <CustomButton additionalClassName="users-list__btn" handleOnClick={handleOnClickChangeIsModalOpen}
+                          text="Открыть список сотрудников"/>
 
             {/*<select>*/}
             {/*    {superUserStore.allUsers.map((user) =>*/}
@@ -49,10 +57,13 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
             {/*</select>*/}
 
             <div className="map-create">
-                <CustomButton text="Создать новую карту"
-                              handleOnClick={() => mapMenuStore.createMap(mapMenuStore.newNameMap)}/>
-                <CustomInput type="text" value={mapMenuStore.newNameMap}
-                             handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
+                <CustomInput
+                    type="text" value={mapMenuStore.newNameMap}
+                    handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}
+                />
+                <CustomAddButton
+                    handleOnClick={() => mapMenuStore.createMap(mapMenuStore.newNameMap)}
+                />
             </div>
 
             <div className="module-create">
@@ -62,13 +73,13 @@ const SuperUserMap: React.FC<ISuperUserMap> = observer(() => {
                              handleOnChange={(e) => mapMenuStore.changeNewMapName(e)}/>
             </div>
 
-            {/*<select className="available-maps">*/}
-            {/*    {mapMenuStore.availableMaps?.map((map, index) =>*/}
-            {/*        <option key={map.id} value={map.title}*/}
-            {/*                onClick={() => handleOnClickOptionMap(map, index)}>{map.title}</option>)}*/}
-            {/*    <CustomButton text="Удалить выбранную карту" additionalClassName="delete-map__btn"*/}
-            {/*                  handleOnClick={() => mapMenuStore.deleteMap(mapMenuStore.mapMenu?.id)}/>*/}
-            {/*</select>*/}
+            <select className="available-maps">
+                {mapMenuStore.availableMaps?.map((map, index) =>
+                    <option key={map.id} value={map.title}
+                            onClick={() => handleOnClickOptionMap(map, index)}>{map.title}</option>)}
+            </select>
+            <CustomButton text="Удалить выбранную карту" additionalClassName="delete-map__btn"
+                          handleOnClick={() => mapMenuStore.deleteMap(mapMenuStore.mapMenu?.id)}/>
 
             {/*<select className="available-modules">*/}
             {/*    {moduleMenuStore.availableModules.map((module) =>*/}
diff --git a/frontend/src/store/mapMenuStore.ts b/frontend/src/store/mapMenuStore.ts
index 2818c73..966bd3e 100644
--- a/frontend/src/store/mapMenuStore.ts
+++ b/frontend/src/store/mapMenuStore.ts
@@ -48,8 +48,8 @@ class MapMenuStore {
                 id: level.id,
                 title: level.title,
                 body: level.body,
-                theoryUnits: level.theory_units,
-                taskUnits: level.task_units
+                theoryUnits: level.theoryUnits,
+                taskUnits: level.taskUnits,
             }
         })
     }
@@ -107,7 +107,7 @@ class MapMenuStore {
     // Для суперпользователя
 
     createMap(mapName: string) {
-        axios.post("http://localhost:8000/maps/", {title: mapName}).then()
+        axios.post("http://localhost:8000/maps/", {title: mapName}).then(() => this.fetchAvailableMaps())
         this.newNameMap = ""
     }
 
@@ -127,7 +127,7 @@ class MapMenuStore {
 
     deleteMap(mapId?: string) {
         axios.delete("http://localhost:8000/maps/" + mapId)
-            .then()
+            .then(() => this.fetchAvailableMaps())
             .catch(() => alert("Выбрана несуществующая карта"))
     }
 }
diff --git a/frontend/src/styles/mapMenu.scss b/frontend/src/styles/mapMenu.scss
index 237f973..7051794 100644
--- a/frontend/src/styles/mapMenu.scss
+++ b/frontend/src/styles/mapMenu.scss
@@ -157,3 +157,14 @@
   right: 10%;
   top: 5%;
 }
+
+.users-list__btn {
+  margin-bottom: 10px;
+}
+
+.map-create {
+  display: flex;
+  align-items: end;
+  justify-content: center;
+  gap: 10px;
+}