Added header

This commit is contained in:
dbroqua 2020-03-02 10:27:28 +01:00
parent f73a9e8e36
commit d9d02ad0c7
3 changed files with 26 additions and 0 deletions

BIN
public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View file

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import { ToastProvider } from 'react-toast-notifications'; import { ToastProvider } from 'react-toast-notifications';
import Header from './Components/Header';
import Footer from './Components/Footer'; import Footer from './Components/Footer';
import GasStation from "./Components/GasStation"; import GasStation from "./Components/GasStation";
import Map from "./Components/Map"; import Map from "./Components/Map";
@ -75,6 +76,7 @@ class Application extends React.Component {
return ( return (
<ToastProvider> <ToastProvider>
<Header />
<GasStation <GasStation
showModal={showModal} showModal={showModal}
hideModal={this.hideModal} hideModal={this.hideModal}

24
src/Components/Header.js Normal file
View file

@ -0,0 +1,24 @@
import React from 'react';
import { Navbar, Nav } from "react-bootstrap";
const Header = () => {
return (
<Navbar expand="lg" bg="light" variant="light" fixed="top">
<Navbar.Brand href="https://www.darkou.fr">
<img
src="/logo.png"
width="68"
height="30"
className="d-inline-block align-top"
alt="DarKou.fr"
/>
</Navbar.Brand>
<Nav>
<Nav.Link href="https://www.darkou.fr/contact/">Contact</Nav.Link>
</Nav>
</Navbar>
);
};
export default Header;