From aea8e5d147c82344acfad85194cf5258e694838a Mon Sep 17 00:00:00 2001
From: "Mazzini Francesco (Student Com20)"
<francesco.mazzini@stud-inf.unibz.it>
Date: Wed, 24 Mar 2021 22:49:16 +0100
Subject: [PATCH] Added Header
---
src/components/AuthUser/Homepage/Header.tsx | 35 +++++++++++++++++++
src/components/AuthUser/Homepage/HomePage.tsx | 2 ++
2 files changed, 37 insertions(+)
create mode 100644 src/components/AuthUser/Homepage/Header.tsx
diff --git a/src/components/AuthUser/Homepage/Header.tsx b/src/components/AuthUser/Homepage/Header.tsx
new file mode 100644
index 0000000..a83e2ba
--- /dev/null
+++ b/src/components/AuthUser/Homepage/Header.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { makeStyles } from '@material-ui/core/styles';
+import { AppBar, Toolbar, Button } from "@material-ui/core";
+import { Home }from "@material-ui/icons";
+
+const useStyles = makeStyles((theme) => ({
+ button: {
+ margin: theme.spacing(1),
+ },
+ }));
+
+const Header = () => {
+
+ return (
+
+ <AppBar position="static">
+
+ <Toolbar>
+ <Button
+ variant="contained"
+ //color="primary"
+ className={classes.button}
+ startIcon={<Home />}
+ >
+ Home
+ </Button>
+ </Toolbar>
+
+ </AppBar>
+
+
+ );
+};
+
+export default Header;
\ No newline at end of file
diff --git a/src/components/AuthUser/Homepage/HomePage.tsx b/src/components/AuthUser/Homepage/HomePage.tsx
index 1cac462..b021dd6 100644
--- a/src/components/AuthUser/Homepage/HomePage.tsx
+++ b/src/components/AuthUser/Homepage/HomePage.tsx
@@ -1,4 +1,5 @@
import React from "react";
+import Header from "./Header";
import { CssBaseline, Grid } from "@material-ui/core";
@@ -9,6 +10,7 @@ const HomePage = () => {
<Grid container direction="column">
<Grid item>
<CssBaseline />
+ <Header />
</Grid>
<Grid item container>
<Grid item xs={false} sm={2} />
--
GitLab