[b612ab1] | 1 | import Container from "react-bootstrap/Container";
|
---|
| 2 | import Form from "react-bootstrap/Form";
|
---|
| 3 | import { Helmet } from "react-helmet-async";
|
---|
| 4 | import Button from "react-bootstrap/Button";
|
---|
| 5 | import "../styles/SigninScreen.css";
|
---|
| 6 | import React from "react";
|
---|
| 7 | import { Link, useLocation } from "react-router-dom";
|
---|
| 8 |
|
---|
| 9 | function SigninScreen() {
|
---|
| 10 | const { search } = useLocation();
|
---|
| 11 | const redirectInUrl = new URLSearchParams(search).get("redirect");
|
---|
| 12 | const redirect = redirectInUrl ? redirectInUrl : "/";
|
---|
| 13 | return (
|
---|
| 14 | <div className="pageContainer">
|
---|
| 15 | <Container className="main">
|
---|
| 16 | <Helmet>
|
---|
| 17 | <title>Најави се</title>
|
---|
| 18 | </Helmet>
|
---|
| 19 | <h1>Најави се</h1>
|
---|
| 20 | <Form className="formCointainer">
|
---|
| 21 | <Form.Group controlId="email">
|
---|
| 22 | <Form.Label>Email</Form.Label>
|
---|
| 23 | <Form.Control type="email" required />
|
---|
| 24 | </Form.Group>
|
---|
| 25 | <Form.Group controlId="password">
|
---|
| 26 | <Form.Label>Лозинка</Form.Label>
|
---|
| 27 | <Form.Control type="email" required />
|
---|
| 28 | </Form.Group>
|
---|
| 29 | <div className="submitBtnContainer">
|
---|
| 30 | <Button variant="danger" size="lg" type="submit">
|
---|
| 31 | Најави се
|
---|
| 32 | </Button>
|
---|
| 33 | </div>
|
---|
| 34 | <div className="registerParagraph">
|
---|
| 35 | Нов корисник?{" "}
|
---|
| 36 | <Link to={`/signup?redirect=${redirect}`}>Регистрирај се</Link>
|
---|
| 37 | </div>
|
---|
| 38 | </Form>
|
---|
| 39 | </Container>
|
---|
| 40 | </div>
|
---|
| 41 | );
|
---|
| 42 | }
|
---|
| 43 |
|
---|
| 44 | export default SigninScreen;
|
---|