ajout du component ButtonImgNav ⚡

cryptide_project/src/Components/ButtonImgNav.css

@@ -0,0 +1,12 @@
+.buttonNabImg{
+    margin: 15px 0;
+    width: auto;
+    height: 8vh;
+
+    background-color: #85C9C2;
+    color: #2A4541;
+    border-radius: 15px;
+    border-width: 0;
+
+    font-size:larger;
+}

cryptide_project/src/Components/ButtonImgNav.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './ButtonImgNav.css';
+import { FormattedMessage } from 'react-intl';
+
+//@ts-ignore
+function ButtonImgNav({ dest, img }) {
+    return (
+    <Link to={dest}>
+        <button className='buttonNabImg'>
+            <img src={img} alt="Button Image" />
+        </button>
+    </Link>
+    );
+}
+
+export default ButtonImgNav;

cryptide_project/src/Pages/Play.css

@@ -79,7 +79,6 @@
     width:200px;
     height: 8vh;
 
-
     background-color: #85C9C2;
     color: #2A4541;
     border-radius: 15px;

cryptide_project/src/Pages/Play.tsx

@@ -3,15 +3,19 @@ import './Play.css';
 
 import Person from '../res/img/Person.png';
 import { Link } from 'react-router-dom';
+import ButtonImgNav from "../Components/ButtonImgNav"
+import param from '../res/icon/param.png';
+import share from '../res/icon/share.png';
 
 function Play() {
     return (
 
         <div className="MainContainer">
             <div className="leftContainer">
-                <button className='ButtonNav'>
+                {/* <button className='ButtonNav'>
                     Param
-                </button>
+                </button> */}
+                <ButtonImgNav dest='/' img={param}/>
             </div>
             <div className="MidContainer">
                 <div>
@@ -59,9 +63,10 @@ function Play() {
                             </h4>
                         </div>
                     </div>
-                    <button className='ButtonNav'>
+                    {/* <button className='ButtonNav'>
                         Share
-                    </button>
+                    </button> */}
+                    <ButtonImgNav dest='/' img={share}/>
                 </div>
             </div>
         </div>