Refactored forms

frontend_reactjs/src/pages/Users.tsx

@@ -1,11 +1,11 @@
-import { Box, Button, CircularProgress } from "@mui/material"
+import { Box, Button, CircularProgress, Modal } from "@mui/material"
 import { DataGrid, GridColDef } from "@mui/x-data-grid"
 import { useRoles, useUsers } from "../hooks/swrHooks"
 import { IRole } from "../interfaces/role"
 import { useState } from "react"
 import { CreateField } from "../interfaces/create"
-import ModalCreate from "../components/modals/ModalCreate"
 import UserService from "../services/UserService"
+import FormFields from "../components/FormFields"
 
 export default function Users() {
     const { users, isError, isLoading } = useUsers()
@@ -56,13 +56,16 @@ export default function Users() {
                 Добавить пользователя
             </Button>
 
-            <ModalCreate
+            <Modal
                 open={open}
-                setOpen={setOpen}
-                fields={createFields}
-                submitHandler={UserService.createUser}
-                title="Создание пользователя"
-            />
+                onClose={() => setOpen(false)}
+            >
+                <FormFields
+                    fields={createFields}
+                    submitHandler={UserService.createUser}
+                    title="Создание пользователя"
+                />
+            </Modal>
 
             <DataGrid
                 autoHeight