From 811cde6f30e8ca54686c0a694955f1fd157d858e Mon Sep 17 00:00:00 2001
From: dm1sh <me@dmitriy.icu>
Date: Wed, 17 May 2023 10:49:40 +0300
Subject: [PATCH] Added authhpage

---
 front/src/hooks/api/useAuth.js | 61 ++++++++++++++++++++++++
 front/src/pages/LoginPage.jsx  | 85 +++++++++++++++++++++++++++++++++-
 2 files changed, 145 insertions(+), 1 deletion(-)
 create mode 100644 front/src/hooks/api/useAuth.js

diff --git a/front/src/hooks/api/useAuth.js b/front/src/hooks/api/useAuth.js
new file mode 100644
index 0000000..673fbe8
--- /dev/null
+++ b/front/src/hooks/api/useAuth.js
@@ -0,0 +1,61 @@
+import { useState } from "react"
+import { API_URL } from "../../config"
+
+function useAuth() {
+    const [loading, setLoading] = useState(false)
+    const [error, setError] = useState('')
+
+    const doAuth = async (data, newAccount) => {
+        setLoading(true)
+
+        if (newAccount) {
+            try {
+                const res = await fetch(API_URL + "/signup", {
+                    method: "POST",
+                    body: data,
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                })
+                const signupData = await res.json()
+
+                if (signupData.Success === false) {
+                    throw new Error(signupData.Message)
+                }
+            } catch (err) {
+                setError(err.message)
+                setLoading(false)
+                return null
+            }
+        }
+
+        try {
+            const res = fetch(API_URL + '/auth/token' + new URLSearchParams({
+                username: data.email,
+                password: data.password
+            }), {
+                method: "POST",
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded'
+                }
+            })
+
+            const loginData = await res.json()
+
+            const token = loginData.access_token
+
+            setError('')
+            setLoading(false)
+
+            return token
+        } catch (err) {
+            setError(err.message)
+            setLoading(false)
+            return null
+        }
+    }
+
+    return { doAuth, loading, error }
+}
+
+export default useAuth
\ No newline at end of file
diff --git a/front/src/pages/LoginPage.jsx b/front/src/pages/LoginPage.jsx
index 588d609..fc80c26 100644
--- a/front/src/pages/LoginPage.jsx
+++ b/front/src/pages/LoginPage.jsx
@@ -1,5 +1,88 @@
+import { Form, Button, Card, Tabs, Tab } from "react-bootstrap"
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "../hooks/api";
+import { setToken } from "../utils/auth";
+
 function LoginPage() {
-    return <></>
+    const navigate = useNavigate()
+
+    const doAuth = useAuth()
+
+    const handleAuth = (newAccount) => (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const formData = new FormData(event.currentTarget)
+
+        const data = {
+            email: formData.get('email'),
+            name: newAccount ? formData.get('name') : undefined,
+            password: formData.get('password')
+        }
+
+        const token = doAuth(data, newAccount)
+
+        setToken(token)
+
+        navigate("/")
+    }
+
+    return (
+        <Card className="m-4">
+            <Card.Body>
+                <Tabs defaultActiveKey="register" fill justify className="mb-3">
+                    <Tab eventKey="register" title="Регистрация">
+                        <Form onSubmit={handleAuth(true)}>
+                            <Form.Group className="mb-3" controlId="email">
+                                <Form.Label>Почта</Form.Label>
+                                <Form.Control type="email" required />
+                            </Form.Group>
+
+                            <Form.Group className="mb-3" controlId="name">
+                                <Form.Label>Имя</Form.Label>
+                                <Form.Control type="text" required />
+                            </Form.Group>
+
+                            <Form.Group className="mb-3" controlId="surname">
+                                <Form.Label>Фамилия</Form.Label>
+                                <Form.Control type="text" required />
+                            </Form.Group>
+
+                            <Form.Group className="mb-3" controlId="password">
+                                <Form.Label>Пароль</Form.Label>
+                                <Form.Control type="password" required />
+                            </Form.Group>
+
+                            <Form.Group className="mb-3" controlId="privacyPolicyConsent">
+                                <Form.Check type="checkbox" required label="Я согласен с условиями обработки персональных данных" />
+                            </Form.Group>
+
+                            <Button variant="success" type="submit">
+                                Зарегистрироваться
+                            </Button>
+                        </Form>
+                    </Tab>
+                    <Tab eventKey="login" title="Вход">
+                        <Form onSubmit={handleAuth(false)}>
+                            <Form.Group className="mb-3" controlId="email">
+                                <Form.Label>Почта</Form.Label>
+                                <Form.Control type="email" required />
+                            </Form.Group>
+
+                            <Form.Group className="mb-3" controlId="password">
+                                <Form.Label>Пароль</Form.Label>
+                                <Form.Control type="password" required />
+                            </Form.Group>
+
+                            <Button variant="success" type="submit">
+                                Войти
+                            </Button>
+                        </Form>
+                    </Tab>
+                </Tabs>
+            </Card.Body>
+        </Card>
+    )
 }
 
 export default LoginPage
\ No newline at end of file