[16237c4] | 1 | import Axios from "axios";
|
---|
[b612ab1] | 2 | import Container from "react-bootstrap/Container";
|
---|
| 3 | import Form from "react-bootstrap/Form";
|
---|
| 4 | import { Helmet } from "react-helmet-async";
|
---|
| 5 | import Button from "react-bootstrap/Button";
|
---|
| 6 | import "../styles/SigninScreen.css";
|
---|
[16237c4] | 7 | import React, { useContext, useEffect, useState } from "react";
|
---|
| 8 | import { Link, useLocation, useNavigate } from "react-router-dom";
|
---|
| 9 | import { Store } from "../Store";
|
---|
| 10 | import { toast } from "react-toastify";
|
---|
| 11 | import { getError } from "../components/utils";
|
---|
[b612ab1] | 12 |
|
---|
| 13 | function SigninScreen() {
|
---|
[16237c4] | 14 | const navigate = useNavigate();
|
---|
[b612ab1] | 15 | const { search } = useLocation();
|
---|
| 16 | const redirectInUrl = new URLSearchParams(search).get("redirect");
|
---|
| 17 | const redirect = redirectInUrl ? redirectInUrl : "/";
|
---|
[16237c4] | 18 |
|
---|
| 19 | const [email, setEmail] = useState("");
|
---|
| 20 | const [password, setPassword] = useState("");
|
---|
| 21 |
|
---|
| 22 | const { state, dispatch: ctxDispatch } = useContext(Store);
|
---|
| 23 | const { userInfo } = state;
|
---|
| 24 |
|
---|
| 25 | const submitHandler = async (e) => {
|
---|
| 26 | e.preventDefault();
|
---|
| 27 | try {
|
---|
| 28 | const { data } = await Axios.post("/api/users/signin", {
|
---|
| 29 | email,
|
---|
| 30 | password,
|
---|
| 31 | });
|
---|
| 32 | ctxDispatch({ type: "USER_SIGNIN", payload: data });
|
---|
| 33 | localStorage.setItem("userInfo", JSON.stringify(data));
|
---|
[55ed171] | 34 | if (data.isAdmin) navigate("/admin/dashboard");
|
---|
| 35 | else navigate(redirect || "/");
|
---|
[16237c4] | 36 | } catch (err) {
|
---|
| 37 | toast.error(getError(err));
|
---|
| 38 | }
|
---|
| 39 | };
|
---|
| 40 |
|
---|
| 41 | useEffect(() => {
|
---|
| 42 | if (userInfo) {
|
---|
| 43 | navigate(redirect);
|
---|
| 44 | }
|
---|
| 45 | }, [navigate, redirect, userInfo]);
|
---|
| 46 |
|
---|
[b612ab1] | 47 | return (
|
---|
| 48 | <div className="pageContainer">
|
---|
| 49 | <Container className="main">
|
---|
| 50 | <Helmet>
|
---|
| 51 | <title>Најави се</title>
|
---|
| 52 | </Helmet>
|
---|
| 53 | <h1>Најави се</h1>
|
---|
[16237c4] | 54 | <Form className="formCointainer" onSubmit={submitHandler}>
|
---|
[b612ab1] | 55 | <Form.Group controlId="email">
|
---|
| 56 | <Form.Label>Email</Form.Label>
|
---|
[16237c4] | 57 | <Form.Control
|
---|
| 58 | type="email"
|
---|
| 59 | required
|
---|
| 60 | onChange={(e) => setEmail(e.target.value)}
|
---|
| 61 | />
|
---|
[b612ab1] | 62 | </Form.Group>
|
---|
| 63 | <Form.Group controlId="password">
|
---|
| 64 | <Form.Label>Лозинка</Form.Label>
|
---|
[16237c4] | 65 | <Form.Control
|
---|
| 66 | type="password"
|
---|
| 67 | required
|
---|
| 68 | onChange={(e) => setPassword(e.target.value)}
|
---|
| 69 | />
|
---|
[b612ab1] | 70 | </Form.Group>
|
---|
| 71 | <div className="submitBtnContainer">
|
---|
| 72 | <Button variant="danger" size="lg" type="submit">
|
---|
| 73 | Најави се
|
---|
| 74 | </Button>
|
---|
| 75 | </div>
|
---|
| 76 | <div className="registerParagraph">
|
---|
| 77 | Нов корисник?{" "}
|
---|
| 78 | <Link to={`/signup?redirect=${redirect}`}>Регистрирај се</Link>
|
---|
| 79 | </div>
|
---|
| 80 | </Form>
|
---|
| 81 | </Container>
|
---|
| 82 | </div>
|
---|
| 83 | );
|
---|
| 84 | }
|
---|
| 85 |
|
---|
| 86 | export default SigninScreen;
|
---|