Ajout des icônes pour la page de gestion -> installer react-hook-form !!!

front_thomas/src/components/Login/Gestion.js

@@ -9,7 +9,7 @@ import GestionObjectifs from "./Gestion/GestionObjectifs";
 import GestionParticipants from "./Gestion/GestionParticipants";
 import GestionScore from "./Gestion/GestionScore";
 
-import { MDBContainer, MDBRow, MDBCol, MDBTabPane, MDBTabContent, MDBNav, MDBNavItem, MDBNavLink } from "mdbreact";
+import { MDBContainer, MDBRow, MDBCol, MDBTabPane, MDBTabContent, MDBNav, MDBNavItem, MDBNavLink, MDBIcon } from "mdbreact";
 
 class Pills extends Component {
   state = {
@@ -34,36 +34,36 @@ class Pills extends Component {
       <MDBContainer className="mt-4">
           <MDBRow>
             <MDBCol md="12">
-              <h2>Default</h2>
+              <h2><MDBIcon icon="edit" className="mr-1" /> Gestion</h2>
               <MDBNav className="mt-5 nav-pills">
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "1"} onClick={this.togglePills("default", "1")} >
-                    Administrateurs
+                  <MDBIcon icon="tools" className="mr-1" /> Administrateurs
                   </MDBNavLink>
                 </MDBNavItem>
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "2"} onClick={this.togglePills("default", "2")} >
-                    Associations
+                  <MDBIcon icon="users" className="mr-1" /> Associations
                   </MDBNavLink>
                 </MDBNavItem>
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "3"} onClick={this.togglePills("default", "3")} >
-                    Evènement
+                  <MDBIcon icon="calendar-check" className="mr-1" /> Evénement
                   </MDBNavLink>
                 </MDBNavItem>
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "4"} onClick={this.togglePills("default", "4")} >
-                    Objectifs
+                  <MDBIcon icon="bullseye" className="mr-1" /> Objectifs
                   </MDBNavLink>
                 </MDBNavItem>
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "5"} onClick={this.togglePills("default", "5")} >
-                    Participants
+                  <MDBIcon icon="address-book" className="mr-1" /> Participants
                   </MDBNavLink>
                 </MDBNavItem>
                 <MDBNavItem>
                   <MDBNavLink link to="#" active={this.state.items["default"] === "6"} onClick={this.togglePills("default", "6")} >
-                    Scores
+                  <MDBIcon icon="chart-line" className="mr-1" /> Scores
                   </MDBNavLink>
                 </MDBNavItem>
                 </MDBNav>
@@ -89,6 +89,9 @@ class Pills extends Component {
               </MDBTabContent>
             </MDBCol>
           </MDBRow>
+          <MDBRow>
+            <p> </p>
+          </MDBRow>
         </MDBContainer>
       );
     }