chore:fixed rendering issue

calblueprint · Nov 14, 2023 · 46341fd · 46341fd
1 parent 1d0fa4e
commit 46341fd
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 10 deletions.
diff --git a/src/app/[productId]/Buttons.tsx b/src/app/[productId]/Buttons.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ToastContainer, toast } from 'react-toastify';
+import { toast } from 'react-toastify';
 import {
   ButtonsWrapper,
   AddToCartButton,

diff --git a/src/app/[productId]/styles.ts b/src/app/[productId]/styles.ts
@@ -80,6 +80,7 @@ export const AddToCartButton = styled.button`
 
 export const ToastPopUP = styled(ToastContainer)`
   position: fixed;
+  z-index: 100;
 
   transform: translatey(130px);
 `;
diff --git a/src/app/profileScreen/style.ts b/src/app/profileScreen/style.ts
@@ -37,6 +37,7 @@ export const LogOutButton = styled.button`
 
 export const PopUp = styled(ToastContainer)`
   transform: translate(-150px, 250px);
+  position: fixed;
 `;
 
 export const FavoriteDiv = styled.div`

diff --git a/src/app/storefront/IndividualItem.tsx b/src/app/storefront/IndividualItem.tsx
@@ -26,18 +26,14 @@ export default function IndividualItem(props: { product: Product }) {
   const [isFavorite, setIsFavorite] = useState(true);
   const router = useRouter();
 
-  async function fetchProducts() {
-    const data = (await arrayOfFavorites()) as Product[];
-    for (let i = 0; i < data.length; i += 1) {
-      const ithProduct = data[i];
+  useEffect(() => {
+    async function fetchProducts() {
+      const data = (await arrayOfFavorites()) as Product[];
 
-      if (product.product_id === ithProduct.product_id) {
-        setIsFavorite(!isFavorite);
+      if (data.find(item => item.product_id === product.product_id)) {
+        setIsFavorite(false);
       }
     }
-  }
-
-  useEffect(() => {
     fetchProducts();
   });