ruidy/ticket_manager
1
0
Fork 0
mirror of https://github.com/rjNemo/ticket_manager synced 2026-06-06 00:36:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update UserHeader

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-03 13:11:57 +02:00
parent 9e0a2f0d47
commit 70d1df1e05
1 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
client/src/components/UserHeader.tsx
View file

@ -1,21 +1,34 @@
import React, { FC } from "react";
import { Header } from "../components/Header";
import { UserAvatar } from "./UserAvatar";
import { Grid, makeStyles, createStyles, Theme } from "@material-ui/core";
import classes from "*.module.css";
interface IProps {
fullName: string;
presentation: string;
picture: string;
}
const useStyles = makeStyles((theme: Theme) => ({
root: {
margin: theme.spacing(1),
flexGrow: 1
}
}));
export const UserHeader: FC<IProps> = ({ fullName, presentation, picture }) => {
const classes = useStyles();
return (
<div className="row valign-wrapper">
<div className="col s2">
<UserAvatar picture={picture} alt="" />
</div>
<div className="col s10">
<Header title={fullName} description={presentation} />
</div>
<div className={classes.root}>
<Grid container>
<Grid item xs={2}>
<UserAvatar picture={picture} alt="" />
</Grid>
<Grid item xs>
<Header title={fullName} description={presentation} />
</Grid>
</Grid>
</div>
);
};