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