diff --git a/client/public/icons/logo.svg b/client/public/icons/logo.svg new file mode 100644 index 0000000..882c169 --- /dev/null +++ b/client/public/icons/logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/client/src/pages/LoginPage.tsx b/client/src/pages/LoginPage.tsx new file mode 100644 index 0000000..93fe37b --- /dev/null +++ b/client/src/pages/LoginPage.tsx @@ -0,0 +1,103 @@ +import React from 'react'; +import { Form, Input, Button, Typography } from 'antd'; +import { + EyeInvisibleOutlined, + EyeTwoTone, + UserOutlined, +} from '@ant-design/icons'; +import { AuthService } from '../services/auth'; +import { Auth } from '../types/auth'; +import { useNavigate } from 'react-router-dom'; + +const { Text, Link } = Typography; + +export default function LoginPage() { + const navigate = useNavigate(); + + const onFinish = async (values: any) => { + await AuthService.login(values as Auth); + navigate('/'); + }; + + return ( +
+
+
+ logo +
+ +
+ + } /> + + + + + visible ? : + } + /> + + + + + + + + Нажимая кнопку Войти, Вы полностью принимаете{' '} + + Публичную оферту + {' '} + и{' '} + + Политику обработки персональных данных + + +
+ +
+ Забыли пароль? +
+
+
+ ); +}