diff options
author | eug-vs <eug-vs@keemail.me> | 2020-11-15 04:42:11 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-11-15 04:42:11 +0300 |
commit | fc2b1a95e61dcc1bacb624f94b5b77374eb65faa (patch) | |
tree | 0f0e719b722077644ffe87f1fb4f896edbcd312d /src/containers/LoginSection | |
parent | 6d6e0f9d641c9c15a147e0a53fa1db45574560e0 (diff) | |
download | famcs-kit-fc2b1a95e61dcc1bacb624f94b5b77374eb65faa.tar.gz |
refactor: LoginSection -> LoginForm
Diffstat (limited to 'src/containers/LoginSection')
-rw-r--r-- | src/containers/LoginSection/LoginSection.tsx | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/src/containers/LoginSection/LoginSection.tsx b/src/containers/LoginSection/LoginSection.tsx deleted file mode 100644 index 812afd8..0000000 --- a/src/containers/LoginSection/LoginSection.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import React, { useState } from 'react'; -import { ContentSection } from 'react-benzin'; -import { Link, TextField, Button } from '@material-ui/core'; -import { makeStyles } from '@material-ui/core/styles'; -import { useAuth } from '../../hooks/useAuth'; - - -const useStyles = makeStyles(theme => ({ - form: { - width: theme.spacing(50), - display: 'flex', - flexDirection: 'column', - '& > *': { - margin: theme.spacing(1) - } - }, -})); - - -const LoginSection: React.FC = () => { - const classes = useStyles(); - const { login, isAuthenticated } = useAuth(); - const [username, setUsername] = useState<string>(''); - const [password, setPassword] = useState<string>(''); - - const handleChangeUsername = (event: React.ChangeEvent<HTMLInputElement>) => { - setUsername(event.target.value); - }; - - const handleChangePassword = (event: React.ChangeEvent<HTMLInputElement>) => { - setPassword(event.target.value); - }; - - const handleSubmit = () => login(username, password); - - return isAuthenticated ? null : ( - <ContentSection sectionName="Login" level={1}> - Log in using your <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> credentials - <p className={classes.form}> - <TextField - onChange={handleChangeUsername} - variant="outlined" - label="Username" - /> - <TextField - onChange={handleChangePassword} - variant="outlined" - label="Password" - type="password" - /> - <Button - onClick={handleSubmit} - variant="contained" - size="large" - color="primary" - > - Login - </Button> - </p> - </ContentSection> - ); -}; - -export default LoginSection; |