diff options
Diffstat (limited to 'src/pages/Profile/Registration.tsx')
-rw-r--r-- | src/pages/Profile/Registration.tsx | 85 |
1 files changed, 0 insertions, 85 deletions
diff --git a/src/pages/Profile/Registration.tsx b/src/pages/Profile/Registration.tsx deleted file mode 100644 index a5e0f3e..0000000 --- a/src/pages/Profile/Registration.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import React, {useState} from 'react'; - -import { - TextField, - Button, - Checkbox, - FormControlLabel, - Grid, -} from '@material-ui/core'; -import { User } from '../../types'; - -import { ContentSection } from 'react-benzin'; -import { get, post } from '../../requests'; - - -interface PropTypes { - setUser: (user: User) => void; -} - -const Registration: React.FC<PropTypes> = ({ setUser }) => { - - const [username, setUsername] = useState<string>(''); - const [isRememberMe, setIsRememberMe] = useState<boolean>(false); - - const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => { - setUsername(event.target.value); - }; - - const handleCheck = (event: React.ChangeEvent<HTMLInputElement>): void => { - setIsRememberMe(event.target.checked); - }; - - const handleSubmit = (): void => { - 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) => 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; |