Last change
on this file since 747e0ab was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
1.7 KB
|
Line | |
---|
1 | import { Link, useHistory } from 'react-router-dom';
|
---|
2 | import useForm from '../../../hooks/useForm';
|
---|
3 | import useLogin from '../../../hooks/useLogin';
|
---|
4 |
|
---|
5 | import {
|
---|
6 | CredentialsWrapper,
|
---|
7 | DividerButtons,
|
---|
8 | DividerText,
|
---|
9 | Input,
|
---|
10 | LockIcon,
|
---|
11 | PersonIcon,
|
---|
12 | SignInButton,
|
---|
13 | ButtonsWrapper,
|
---|
14 | RegisterText,
|
---|
15 | } from './styles';
|
---|
16 |
|
---|
17 | const Login = () => {
|
---|
18 | const { loginUser } = useLogin();
|
---|
19 | const { data, onFormChange } = useForm({
|
---|
20 | email: '',
|
---|
21 | password: '',
|
---|
22 | });
|
---|
23 | let history = useHistory();
|
---|
24 | const handleSignIn = () => {
|
---|
25 | loginUser({ email: data.email, password: data.password });
|
---|
26 | };
|
---|
27 | return (
|
---|
28 | <>
|
---|
29 | <CredentialsWrapper>
|
---|
30 | <Input
|
---|
31 | name='email'
|
---|
32 | placeholder='Емаил'
|
---|
33 | value={data.email}
|
---|
34 | onChange={onFormChange}
|
---|
35 | InputProps={{
|
---|
36 | startAdornment: <PersonIcon />,
|
---|
37 | }}
|
---|
38 | />
|
---|
39 | <Input
|
---|
40 | name='password'
|
---|
41 | value={data.password}
|
---|
42 | placeholder='Лозинка'
|
---|
43 | onChange={onFormChange}
|
---|
44 | InputProps={{
|
---|
45 | startAdornment: <LockIcon />,
|
---|
46 | }}
|
---|
47 | type='password'
|
---|
48 | />
|
---|
49 | </CredentialsWrapper>
|
---|
50 | <ButtonsWrapper>
|
---|
51 | <SignInButton onClick={handleSignIn}>НАЈАВА</SignInButton>
|
---|
52 | <DividerButtons>
|
---|
53 | <DividerText>ИЛИ</DividerText>
|
---|
54 | </DividerButtons>
|
---|
55 | <SignInButton onClick={() => history.push('/login-guest')}>
|
---|
56 | НАЈАВА КАКО ГОСТИН
|
---|
57 | </SignInButton>
|
---|
58 | {/* TODO Neka nosi do '/login-guest'*/}
|
---|
59 | </ButtonsWrapper>
|
---|
60 | <RegisterText>
|
---|
61 | {' '}
|
---|
62 | {/* TODO Neka nosi do '/register' */}
|
---|
63 | Немате Профил?
|
---|
64 | <Link to='/register'>Регистрирај се!</Link>
|
---|
65 | </RegisterText>
|
---|
66 | </>
|
---|
67 | );
|
---|
68 | };
|
---|
69 |
|
---|
70 | export default Login;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.