Updated navbar and renamed Leds to Resistor

src/App.js

@@ -6,13 +6,15 @@ import {
   NavbarToggler,
   NavbarBrand,
   Nav,
-  NavItem,
+  UncontrolledDropdown,
-  NavLink,
+  DropdownToggle,
+  DropdownMenu,
+  DropdownItem,
 } from 'reactstrap';
 import Home from './components/Home';
 import Wheels from './components/Wheels';
 import Gearbox from './components/Gearbox';
-import Leds from './components/Leds';
+import Resistor from './components/Resistor';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './App.css';
@@ -44,21 +46,29 @@ Car tools
             <NavbarToggler onClick={this.toggle} />
             <Collapse isOpen={this.state.isOpen} navbar>
               <Nav className="ml-auto" navbar>
-                <NavItem>
+                <UncontrolledDropdown nav inNavbar>
-                  <NavLink tag={Link} to="/Wheels">
+                  <DropdownToggle nav caret>
-Roues
+                    Mécanique
-                  </NavLink>
+                  </DropdownToggle>
-                </NavItem>
+                  <DropdownMenu right>
-                <NavItem>
+                    <DropdownItem tag={Link} to="/Wheels">
-                  <NavLink tag={Link} to="/Gearbox">
+                      Roues
-Boite de vitesse
+                    </DropdownItem>
-                  </NavLink>
+                    <DropdownItem tag={Link} to="/Gearbox">
-                </NavItem>
+                      Boîte de vitesse
-                <NavItem>
+                    </DropdownItem>
-                  <NavLink tag={Link} to="/Leds">
+                  </DropdownMenu>
-Résistances
+                </UncontrolledDropdown>
-                  </NavLink>
+                <UncontrolledDropdown nav inNavbar>
-                </NavItem>
+                  <DropdownToggle nav caret>
+                    Électronique
+                  </DropdownToggle>
+                  <DropdownMenu right>
+                    <DropdownItem tag={Link} to="/Resistor">
+                      Résistance
+                    </DropdownItem>
+                  </DropdownMenu>
+                </UncontrolledDropdown>
               </Nav>
             </Collapse>
           </Navbar>
@@ -66,7 +76,7 @@ Résistances
             <Route exact path="/" component={Home} />
             <Route exact path="/wheels" component={Wheels} />
             <Route exact path="/Gearbox" component={Gearbox} />
-            <Route exact path="/Leds" component={Leds} />
+            <Route exact path="/Resistor" component={Resistor} />
           </div>
         </div>
       </Router>

src/components/Resistor/index.js

@@ -1,15 +1,15 @@
 import React, { Component } from 'react';
 
-class Leds extends Component {
+class Resistor extends Component {
   render() {
     return (
       <div>
         {' '}
-Leds
+Resistor
         {' '}
       </div>
     );
   }
 }
 
-export default Leds;
+export default Resistor;