Rename; Added EMS server; redis compose

2024-08-20 17:34:21 +09:00
parent 61339f4c26
commit 97b44a4db7
85 changed files with 2832 additions and 188 deletions
--- a/client/src/pages/Settings.tsx
+++ b/client/src/pages/Settings.tsx
@ -0,0 +1,75 @@
+import { Box, Stack } from "@mui/material"
+import UserService from "../services/UserService"
+import { setUserData, useAuthStore } from "../store/auth"
+import { useEffect, useState } from "react"
+import { CreateField } from "../interfaces/create"
+import { IUser } from "../interfaces/user"
+import FormFields from "../components/FormFields"
+import AuthService from "../services/AuthService"
+
+export default function Settings() {
+    const { token } = useAuthStore()
+    const [currentUser, setCurrentUser] = useState<IUser>()
+
+    const fetchCurrentUser = async () => {
+        if (token) {
+            await UserService.getCurrentUser(token).then(response => {
+                setCurrentUser(response.data)
+            })
+        }
+    }
+
+    useEffect(() => {
+        if (token) {
+            fetchCurrentUser()
+        }
+    }, [token])
+
+    const profileFields: CreateField[] = [
+        //{ key: 'email', headerName: 'E-mail', type: 'string', required: true },
+        //{ key: 'login', headerName: 'Логин', type: 'string', required: true },
+        { key: 'phone', headerName: 'Телефон', type: 'string', required: false },
+        { key: 'name', headerName: 'Имя', type: 'string', required: true },
+        { key: 'surname', headerName: 'Фамилия', type: 'string', required: true },
+    ]
+
+    const passwordFields: CreateField[] = [
+        { key: 'password', headerName: 'Новый пароль', type: 'string', required: true, inputType: 'password' },
+        { key: 'password_confirm', headerName: 'Подтверждение пароля', type: 'string', required: true, inputType: 'password', watch: 'password', watchMessage: 'Пароли не совпадают', include: false },
+    ]
+
+    return (
+        <Box
+            sx={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "flex-start",
+                gap: "16px",
+            }}
+        >
+            {currentUser &&
+                <Stack spacing={2} width='100%'>
+                    <Stack width='100%'>
+                        <FormFields
+                            fields={profileFields}
+                            defaultValues={currentUser}
+                            mutateHandler={(data: any) => {
+                                setUserData(data)
+                            }}
+                            submitHandler={(data) => UserService.updateUser({ id: currentUser.id, ...data })}
+                            title="Пользователь"
+                        />
+                    </Stack>
+
+                    <Stack width='100%'>
+                        <FormFields
+                            fields={passwordFields}
+                            submitHandler={(data) => AuthService.updatePassword({ id: currentUser.id, ...data })}
+                            title="Смена пароля"
+                        />
+                    </Stack>
+                </Stack>
+            }
+        </Box>
+    )
+}