aboutsummaryrefslogtreecommitdiff
path: root/src/Form
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-06-14 15:56:29 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-06-14 16:03:35 +0300
commit3c3223c3b41411639ff19ebd58df569cf17999ca (patch)
tree0cdf433d3b718e5f87a286dd01159da431189a9e /src/Form
parent99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff)
downloadwhich-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz
divide src into Pages and Components directories
Diffstat (limited to 'src/Form')
-rw-r--r--src/Form/SignInForm.tsx54
1 files changed, 0 insertions, 54 deletions
diff --git a/src/Form/SignInForm.tsx b/src/Form/SignInForm.tsx
deleted file mode 100644
index efe85ed..0000000
--- a/src/Form/SignInForm.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React, { useRef } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import Button from '@material-ui/core/Button';
-import { User } from '../types';
-import { get } from '../requests';
-
-interface PropTypes {
- setUser: (newUser: User) => void;
-}
-
-const useStyles = makeStyles(theme => ({
- root: {
- '& > *': {
- margin: theme.spacing(1),
- width: '25ch'
- },
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- textAlign: 'center'
- }
-}));
-
-const SignInForm: React.FC<PropTypes> = ({ setUser }) => {
- const classes = useStyles();
- const inputRef = useRef<HTMLInputElement>();
-
- const onClick = () => {
- const username = inputRef.current?.value;
- if (username) {
- get(`/users?name=${username}`).then(response => {
- const user = response.data[0];
- setUser(user);
- localStorage.setItem('userId', user._id);
- });
- }
- };
-
- return (
- <form className={classes.root} noValidate autoComplete="off">
- <h1>Sign In</h1>
- <TextField inputRef={inputRef} id="standard-basic" label="Login" />
- <TextField
- id="standard-password-input"
- label="Password"
- type="password"
- />
- <Button variant="contained" onClick={onClick}>submit</Button>
- </form>
- );
-};
-
-export default SignInForm;