From 113f1880f7b175eb9a833e4137cb1a630c52a5ab Mon Sep 17 00:00:00 2001
From: dbroqua <dbroqua@mousur.org>
Date: Tue, 31 Jul 2018 21:12:16 +0200
Subject: [PATCH] Updated navbar and renamed Leds to Resistor

---
 src/App.js                                    | 48 +++++++++++--------
 src/components/{Leds.js => Resistor/index.js} |  6 +--
 2 files changed, 32 insertions(+), 22 deletions(-)
 rename src/components/{Leds.js => Resistor/index.js} (66%)

diff --git a/src/App.js b/src/App.js
index 8828a15..fee4485 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,13 +6,15 @@ import {
   NavbarToggler,
   NavbarBrand,
   Nav,
-  NavItem,
-  NavLink,
+  UncontrolledDropdown,
+  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>
-                  <NavLink tag={Link} to="/Wheels">
-Roues
-                  </NavLink>
-                </NavItem>
-                <NavItem>
-                  <NavLink tag={Link} to="/Gearbox">
-Boite de vitesse
-                  </NavLink>
-                </NavItem>
-                <NavItem>
-                  <NavLink tag={Link} to="/Leds">
-Résistances
-                  </NavLink>
-                </NavItem>
+                <UncontrolledDropdown nav inNavbar>
+                  <DropdownToggle nav caret>
+                    Mécanique
+                  </DropdownToggle>
+                  <DropdownMenu right>
+                    <DropdownItem tag={Link} to="/Wheels">
+                      Roues
+                    </DropdownItem>
+                    <DropdownItem tag={Link} to="/Gearbox">
+                      Boîte de vitesse
+                    </DropdownItem>
+                  </DropdownMenu>
+                </UncontrolledDropdown>
+                <UncontrolledDropdown nav inNavbar>
+                  <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>
diff --git a/src/components/Leds.js b/src/components/Resistor/index.js
similarity index 66%
rename from src/components/Leds.js
rename to src/components/Resistor/index.js
index d7d498e..e88e99e 100644
--- a/src/components/Leds.js
+++ b/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;