diff options
author | eug-vs <eug-vs@keemail.me> | 2020-03-21 15:44:40 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2020-03-21 15:44:40 +0300 |
commit | 146947a665dbc1d2960d2062a22a106de0c71062 (patch) | |
tree | 11f4f4ccf2331e580e2a6f0df5a7e4279c0d5f5e /src/pages/Profile/Registration | |
parent | 2e9e20414c2ea49d7f40bcff09b89897e13fd2f4 (diff) | |
download | chrono-cube-ui-146947a665dbc1d2960d2062a22a106de0c71062.tar.gz |
chore: migrate profile page to Typescript :label:
Diffstat (limited to 'src/pages/Profile/Registration')
-rw-r--r-- | src/pages/Profile/Registration/Registration.js | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/src/pages/Profile/Registration/Registration.js b/src/pages/Profile/Registration/Registration.js deleted file mode 100644 index b2d5503..0000000 --- a/src/pages/Profile/Registration/Registration.js +++ /dev/null @@ -1,80 +0,0 @@ -import React, {useState} from 'react'; - -import { - TextField, - Button, - Checkbox, - FormControlLabel, - Grid, -} from '@material-ui/core'; - -import { ContentSection } from 'react-benzin'; -import { get, post } from '../../../requests'; - - -const Registration = ({ setUser }) => { - - const [username, setUsername] = useState(''); - const [isRememberMe, setIsRememberMe] = useState(false); - - const handleChange = (event) => { - setUsername(event.target.value); - }; - - const handleCheck = (event) => { - setIsRememberMe(event.target.checked); - }; - - const handleSubmit = () => { - if (username !== '') { - post('users/', { username }) - .then(response => { - const user = response.data; - setUser(user); - if (isRememberMe) { - localStorage.setItem('userId', user.id); - } - }) - .catch(err => { - get('users/').then(response => { - const user = response.data.filter(user => user.username === username)[0]; - setUser(user); - if (isRememberMe) { - localStorage.setItem('userId', user.id); - } - }); - }); - } - }; - - return ( - <ContentSection sectionName="Tell us who you are"> - <p> Choose yourself a username to track your progress and compete with others: </p> - <Grid container direction="column"> - <Grid item> - <TextField - variant="outlined" - color="secondary" - label="Username" - value={username} - onChange={handleChange} - /> - </Grid> - <Grid item> - <FormControlLabel - control={<Checkbox color="secondary" onChange={handleCheck} />} - label="Remember me" - /> - </Grid> - <Grid item> - <Button variant="contained" color="secondary" onClick={handleSubmit}> - Submit! - </Button> - </Grid> - </Grid> - </ContentSection> - ); -}; - - -export default Registration; |