aboutsummaryrefslogtreecommitdiff
path: root/modern/src/components/reports/ReportNavbar.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/components/reports/ReportNavbar.js')
-rw-r--r--modern/src/components/reports/ReportNavbar.js26
1 files changed, 26 insertions, 0 deletions
diff --git a/modern/src/components/reports/ReportNavbar.js b/modern/src/components/reports/ReportNavbar.js
new file mode 100644
index 0000000..ac01fad
--- /dev/null
+++ b/modern/src/components/reports/ReportNavbar.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { AppBar, Toolbar, Typography, IconButton } from '@material-ui/core';
+import MenuIcon from '@material-ui/icons/Menu';
+import t from '../../common/localization';
+
+const ReportNavbar = ({ setOpenDrawer, reportTitle }) => {
+
+ return (
+ <AppBar position="fixed" color="inherit">
+ <Toolbar>
+ <IconButton
+ color="inherit"
+ aria-label="open drawer"
+ edge="start"
+ onClick={() => setOpenDrawer(true)}>
+ <MenuIcon />
+ </IconButton>
+ <Typography variant="h6" noWrap>
+ {t('reportTitle')} {` / ${reportTitle}`}
+ </Typography>
+ </Toolbar>
+ </AppBar>
+ )
+}
+
+export default ReportNavbar;