GrossesMitaines/grosses-mitaines-ui/src/components/FeaturedList.js

@@ -4,7 +4,7 @@ const FeaturedList = ({ products }) => {
     return (
         <Carousel variant="dark" className="featured-lst">
             {products.map((product) => (
-                <Carousel.Item className="featured-itm">
+                <Carousel.Item key={product.id} className="featured-itm">
                     <img
                         className="featured-img"
                         src={product.imageUrl}

GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js

@@ -31,8 +31,8 @@ const Topbar = () => {
                         <Link className="nav-link" to="/privacy" >
                             Vie privée
                         </Link>
-                        <Dropdown>
-                            <Dropdown.Toggle className="dropdown-gestion">
+                        <Dropdown className="dropdown-gestion-container">
+                            <Dropdown.Toggle className="dropdown-gestion" >
                                 Gestion
                             </Dropdown.Toggle>
 

GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js

@@ -24,7 +24,7 @@ const Morceaux = (startingProducts) => {
         }
         fetchData();
         setIsLoading(false);
-    },[]);
+    }, []);
 
     const handleNextItems = async () => {
 

GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css

@@ -447,9 +447,17 @@ html {
 
 .dropdown-gestion,
 .dropdown-gestion:hover {
-    color: black;
-    background-color: beige !important;
+    margin:0px;
+    padding:auto;
+    color: grey;
+    background-color: transparent !important;
     border-color: transparent !important;
+    padding-left:10%;
+}
+
+.dropdown-gestion-container button:hover{
+    color:rgb(102, 102, 102) !important;
+   
 }
 
 .dropdown-gestion-menu {
@@ -508,6 +516,10 @@ html {
     height: auto;
 }
 
+.detail-old-price{
+    text-decoration: line-through;
+}
+
 
 
 /* -------------------------------------------------------- */
@@ -515,6 +527,11 @@ html {
 /* -------------------------------------------------------- */
 @media(max-width:900px) {
 
+    .dropdown-gestion,
+    .dropdown-gestion:hover {
+        padding-left:0;
+    }
+
     .detail-container{
         display:inline-block;
     }