Fix code

mate-academy · Aug 8, 2023 · 80cceed · 80cceed
1 parent 73cad41
commit 80cceed
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/components/BasketItem/BasketItem.scss b/src/components/BasketItem/BasketItem.scss
@@ -18,7 +18,7 @@
       flex-direction: row;
     }
     @media (min-width: 1090px) {
-      justify-content:baseline;
+      justify-content: baseline;
       gap: 12px;
     }
   }

diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss
@@ -104,6 +104,7 @@
   &__img {
     height: 208px;
     margin-bottom: 24px;
+    transition: transform 0.3s ease;
 
     &:hover {
       transform: scale(1.2);

diff --git a/src/components/ProductList/ProductsList.tsx b/src/components/ProductList/ProductsList.tsx
@@ -168,7 +168,13 @@ export const ProductsList: React.FC<Props> = ({ query }) => {
     } else {
       setItems(favoriteItem);
     }
-  }, [firstLocation, favoriteItem]);
+  }, [firstLocation]);
+
+  useEffect(() => {
+    if (firstLocation === 'favorites') {
+      setItems(favoriteItem);
+    }
+  }, [favoriteItem]);
 
   useEffect(() => {
     sortVisibleProd();
@@ -182,7 +188,7 @@ export const ProductsList: React.FC<Props> = ({ query }) => {
   const pageTitle = () => {
     switch (firstLocation) {
       case 'phones':
-        return 'Mobiel phones';
+        return 'Mobile phones';
 
       case 'tablets':
         return 'Tablets';