diff options
author | eug-vs <eug-vs@keemail.me> | 2020-08-10 00:28:39 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-08-10 00:28:39 +0300 |
commit | 7ba15a22d1bd57e7c26ff2d5fccf5505aaf8619e (patch) | |
tree | 8a71d8dd4bf89f09f14aee2636f519572e95f891 /src/pages/RegistrationPage/RegistrationPage.tsx | |
parent | dfa6f0a8d1415539e1ff6a3ca848627bbe87b470 (diff) | |
download | which-ui-7ba15a22d1bd57e7c26ff2d5fccf5505aaf8619e.tar.gz |
refactor: move pages -> containers
Diffstat (limited to 'src/pages/RegistrationPage/RegistrationPage.tsx')
-rw-r--r-- | src/pages/RegistrationPage/RegistrationPage.tsx | 96 |
1 files changed, 0 insertions, 96 deletions
diff --git a/src/pages/RegistrationPage/RegistrationPage.tsx b/src/pages/RegistrationPage/RegistrationPage.tsx deleted file mode 100644 index 18a9379..0000000 --- a/src/pages/RegistrationPage/RegistrationPage.tsx +++ /dev/null @@ -1,96 +0,0 @@ -import React, { useState, useRef } from 'react'; -import { useHistory } from 'react-router-dom'; -import { makeStyles } from '@material-ui/core/styles'; -import TextField from '@material-ui/core/TextField'; -import Button from '@material-ui/core/Button'; -import { post } from '../../requests'; -import { useAuth } from '../../hooks/useAuth'; - - -const useStyles = makeStyles(theme => ({ - root: { - '& > *': { - margin: theme.spacing(1), - width: theme.spacing(35) - }, - display: 'flex', - flexDirection: 'column', - alignItems: 'center', - textAlign: 'center' - }, - formHeader: { - textAlign: 'center', - fontSize: 25 - }, - formTransfer: { - display: 'flex', - justifyContent: 'center' - }, - transferButton: { - marginLeft: 10, - color: 'green', - cursor: 'pointer' - } -})); - -const RegistrationPage: React.FC = () => { - const [error, setError] = useState<boolean>(false); - const classes = useStyles(); - const usernameRef = useRef<HTMLInputElement>(); - const emailRef = useRef<HTMLInputElement>(); - const passwordRef = useRef<HTMLInputElement>(); - const { login } = useAuth(); - const history = useHistory(); - - const handleSubmit = () => { - const username = usernameRef.current?.value?.toLowerCase(); - const password = passwordRef.current?.value; - const email = emailRef.current?.value; - if (username && password) { - post('/users', { username, password, email }) - .then(() => login(username, password)) - .then(() => history.push(`/profile/${username}`)); - } else setError(true); - }; - - const handleLogin = () => { - history.push('/login'); - }; - - return ( - <> - <div className={classes.formHeader}>Sign Up</div> - <form className={classes.root} noValidate autoComplete="off"> - <TextField - inputRef={usernameRef} - label="Username" - error={error} - helperText={error && 'This field is required!'} - required - /> - <TextField inputRef={emailRef} label="Email" /> - <TextField - inputRef={passwordRef} - label="Password" - type="password" - required - error={error} - helperText={error && 'This field is required!'} - /> - <Button variant="contained" onClick={handleSubmit}>submit</Button> - </form> - <div className={classes.formTransfer}> - <div>Already have an account?</div> - <span - onClick={handleLogin} - className={classes.transferButton} - role="presentation" - > - Log in - </span> - </div> - </> - ); -}; - -export default RegistrationPage; |