palmpay.io-website/src/components/AppHeader.js

31 lines
846 B
JavaScript
Raw Normal View History

2018-09-22 18:23:51 +00:00
import React from 'react';
import { Link } from 'react-router-dom';
//Material UI Components
import AppBar from '@material-ui/core/AppBar';
import Typography from '@material-ui/core/Typography';
import Toolbar from '@material-ui/core/Toolbar';
import AppLogo from '../assets/img/header/logo.png';
/**
* The header of some pages: MerchantsPage, AmbassadorsPage and NotFoundPage.
*/
function AppHeader() {
return (
<AppBar position="static" color="inherit" style={{backgroundColor: '#138F52'}}>
2018-10-18 19:03:24 +00:00
<div className="col-md-10 mx-md-auto" >
2018-09-22 18:23:51 +00:00
<Toolbar>
2018-10-18 19:03:24 +00:00
<Typography variant="title" color="inherit">
2018-09-22 18:23:51 +00:00
<Link to="/">
<img src={AppLogo} className="app-book-menu-remove-icon" alt="Palmpay logo" />
</Link>
</Typography>
</Toolbar>
2018-10-18 19:03:24 +00:00
</div>
2018-09-22 18:23:51 +00:00
</AppBar>
);
}
export default AppHeader;