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; | 
