diff options
author | Eugene Sokolov <eug-vs@keemail.me> | 2020-06-14 20:44:40 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-14 20:44:40 +0300 |
commit | 65e41d1d8a3844a6d7268340f5d88b5957e2355d (patch) | |
tree | 3d455f133b5afa1e6a1c30c4589ef3db39dd4c4e /src/Form | |
parent | 99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff) | |
parent | fbe489c83e9ef4c03b87624a4dec66de61af364a (diff) | |
download | which-ui-65e41d1d8a3844a6d7268340f5d88b5957e2355d.tar.gz |
Merge pull request #33 from ilyayudovin/pages
divide src into Pages and Components directories
Diffstat (limited to 'src/Form')
-rw-r--r-- | src/Form/SignInForm.tsx | 54 |
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; |