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 UserPageLayout

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-03 11:07:33 +02:00
parent f9e1fd9392
commit 6de5e17b79
3 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/public/index.html
View file

@ -12,11 +12,11 @@
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link
<!-- <link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"

4
client/src/components/UserTabPanel.tsx
View file

@ -46,7 +46,7 @@ const a11yProps = (index: any) => {
const useStyles = makeStyles((theme: Theme) => ({
root: {
backgroundColor: theme.palette.background.paper,
width: 500
flexGrow: 1
}
}));
@ -71,7 +71,7 @@ export const UserTabPanel: FC<IProps> = ({ tickets, tabNames, projects }) => {
return (
<div className={classes.root}>
<AppBar position="static" color="default">
<AppBar position="static" color="inherit">
<Tabs
value={value}
onChange={handleChange}

24
client/src/pages/UserPage.tsx
View file

@ -3,6 +3,7 @@ import { UserVM } from "../VM/UserVM";
import { UserHeader } from "../components/UserHeader";
import { UserTabRouter } from "../components/UserTabRouter";
import { UserTabPanel } from "../components/UserTabPanel";
import { Container } from "@material-ui/core";
interface IProps {
viewModel: UserVM;
@ -11,20 +12,15 @@ interface IProps {
export const UserPage: FC<IProps> = ({ viewModel }) => {
const { fullName, presentation, picture, projects, tickets } = viewModel;
const tabNames: string[] = ["Projects", "Tickets"];
return (
<div className="section">
<div className="container">
<UserHeader
picture={picture}
fullName={fullName}
presentation={presentation}
/>
<UserTabPanel
tabNames={tabNames}
projects={projects}
tickets={tickets}
/>
</div>
</div>
<Container maxWidth="md">
<UserHeader
picture={picture}
fullName={fullName}
presentation={presentation}
/>
<UserTabPanel tabNames={tabNames} projects={projects} tickets={tickets} />
</Container>
);
};