Skip to content
Snippets Groups Projects

New component to search senior (see #12). Enhance responsiveness and solve #10 and #11

Merged New component to search senior (see #12). Enhance responsiveness and solve #10 and #11
dev into master
Merged Defendi Alberto requested to merge dev into master
Viewing commit 38ae3d86
Prev
Show latest version
1 file
+ 143
− 141
Compare changes
  • Side-by-side
  • Inline
src/components/Dashboard/ProfilePage/ProfilePage.tsx
+ 143
− 141
@@ -121,166 +121,168 @@ export const ProfilePage: FC = () => {
};
return (
<Grid container direction="column" className={classes.paddingBottom}>
<div className={classes.root}>
<CssBaseline />
<div data-testid="ProfilePage">
<Grid container direction="column" className={classes.paddingBottom}>
<div className={classes.root}>
<CssBaseline />
<Grid item>
<NavBar />
</Grid>
<Grid item>
<NavBar />
</Grid>
<header>
<MuiThemeProvider theme={themeResp}>
<Grid item container className={classes.paddingBottom}>
<Grid item xs={1} md={2} lg={2} />
<header>
<MuiThemeProvider theme={themeResp}>
<Grid item container className={classes.paddingBottom}>
<Grid item xs={1} md={2} lg={2} />
<Grid item xs={10} md={6} lg={4}>
<Typography variant="h2" className={classes.whiteText}>
Set Here Your
</Typography>
<Typography variant="h1" className={classes.whiteText}>
PROFILE
</Typography>
<Grid item xs={10} md={6} lg={4}>
<Typography variant="h2" className={classes.whiteText}>
Set Here Your
</Typography>
<Typography variant="h1" className={classes.whiteText}>
PROFILE
</Typography>
</Grid>
<Grid item xs={1} />
</Grid>
</MuiThemeProvider>
</header>
</div>
<Grid item xs={1} />
</Grid>
</MuiThemeProvider>
</header>
</div>
<FormControl aria-label="Info User">
<MuiThemeProvider theme={themeResp}>
<Grid item container className={classes.paddingTop}>
<Grid item xs={2} />
<Grid item container xs={8}>
<Grid item xs={12}>
<Typography variant="h2">Your Profile Settings</Typography>
</Grid>
<FormControl aria-label="Info User">
<MuiThemeProvider theme={themeResp}>
<Grid item container className={classes.paddingTop}>
<Grid item xs={2} />
<Grid item container xs={8}>
<Grid item xs={12}>
<Typography variant="h2">Your Profile Settings</Typography>
</Grid>
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="firstName"
label="First Name"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={2} className={classes.paddingTopLittle} />
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="lastName"
label="Last Name"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="firstName"
label="First Name"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={2} className={classes.paddingTopLittle} />
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="lastName"
label="Last Name"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="address"
label="Address"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={5} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="address"
label="Address"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={2} className={classes.paddingTopLittle} />
<Grid item xs={2} className={classes.paddingTopLittle} />
<Grid item xs={2} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="cap"
label="CAP"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={2} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="cap"
label="CAP"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={1} className={classes.paddingTopLittle} />
<Grid item xs={1} className={classes.paddingTopLittle} />
<Grid item xs={2} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="province"
label="Prov"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={2} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="province"
label="Prov"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={12} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="email"
label="Email"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={12} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="email"
label="Email"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={12} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="cardNumber"
label="Card No"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={12} className={classes.paddingTopLittle}>
<TextField
autoFocus
margin="dense"
id="cardNumber"
label="Card No"
type="text"
fullWidth
/>
</Grid>
<Grid item xs={12} className={classes.paddingTop}>
<Select
labelId="Language"
id="Language"
label="Language"
open={open}
onClose={handleClose}
onOpen={handleOpen}
value={lang}
onChange={handleChange}
fullWidth
>
<MenuItem value={20}>Italiano</MenuItem>
<MenuItem value={10}>English</MenuItem>
<MenuItem value={30}>Deutsch</MenuItem>
<MenuItem value={40}>Ladinisch</MenuItem>
</Select>
</Grid>
<Grid item xs={12} className={classes.paddingTop}>
<Select
labelId="Language"
id="Language"
label="Language"
open={open}
onClose={handleClose}
onOpen={handleOpen}
value={lang}
onChange={handleChange}
<Button
color="primary"
variant="contained"
className={classes.buttonUpdate}
>
Update
</Button>
<Button
fullWidth
variant="outlined"
color="default"
onClick={logout}
className={classes.marginTop}
>
<MenuItem value={20}>Italiano</MenuItem>
<MenuItem value={10}>English</MenuItem>
<MenuItem value={30}>Deutsch</MenuItem>
<MenuItem value={40}>Ladinisch</MenuItem>
</Select>
Logout
</Button>
</Grid>
<Button
color="primary"
variant="contained"
className={classes.buttonUpdate}
>
Update
</Button>
<Button
fullWidth
variant="outlined"
color="default"
onClick={logout}
className={classes.marginTop}
>
Logout
</Button>
<Grid item xs={2} />
</Grid>
<Grid item xs={2} />
</Grid>
</MuiThemeProvider>
</FormControl>
</Grid>
</MuiThemeProvider>
</FormControl>
</Grid>
</div>
);
};