aboutsummaryrefslogtreecommitdiff
path: root/src/containers/LoginSection
diff options
context:
space:
mode:
authoreug-vs <eug-vs@keemail.me>2020-11-15 04:42:11 +0300
committereug-vs <eug-vs@keemail.me>2020-11-15 04:42:11 +0300
commitfc2b1a95e61dcc1bacb624f94b5b77374eb65faa (patch)
tree0f0e719b722077644ffe87f1fb4f896edbcd312d /src/containers/LoginSection
parent6d6e0f9d641c9c15a147e0a53fa1db45574560e0 (diff)
downloadfamcs-kit-fc2b1a95e61dcc1bacb624f94b5b77374eb65faa.tar.gz
refactor: LoginSection -> LoginForm
Diffstat (limited to 'src/containers/LoginSection')
-rw-r--r--src/containers/LoginSection/LoginSection.tsx64
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;