memartel/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changement des Nav.Link pour des Link avec nav-link en class. Permet de ne pas reloader la page quand on la change tout en changeant l'URL

Browse Source
This commit is contained in:
Medenos
2022-09-27 22:40:07 -04:00
parent 938cbb42d2
commit f03d50b474
3 changed files with 51 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
View File

@@ -1,32 +1,32 @@
import React from "react";
import { Link } from "react-router-dom";
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';
import NavDropdown from 'react-bootstrap/NavDropdown';
import { Link } from "react-router-dom";
const Topbar = () => {
return (
<Navbar expand="sm" className="topbar-container">
<Container>
<Navbar.Brand href="/">
<Link className="navbar-brand" to="/">
<img src="/images/LesGrossesMitaines.png" height="45"/>
</Navbar.Brand>
</Link>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="me-auto">
<Nav.Link href="/" >
<Link className="nav-link" to="/" >
Maison
</Nav.Link>
<Nav.Link href="/aboutUs" >
</Link>
<Link className="nav-link" to="/aboutUs" >
À propos de nous
</Nav.Link>
<Nav.Link href="/contactUs" >
</Link>
<Link className="nav-link" to="/contactUs" >
Contactez-nous
</Nav.Link>
<Nav.Link href="/privacy" >
</Link>
<Link className="nav-link" to="/privacy" >
Vie privée
</Nav.Link>
</Link>
</Nav>
</Navbar.Collapse>
</Container>