fixed eslint errors

Author: lovoj-app

app/(dashboard)/admin/products/[id]/page.tsx

@@ -116,8 +116,7 @@ const DashboardProductDetails = ({
     });
     const images = await imagesData.json();
     setOtherImages((currentImages) => images);
-
-  }, [id])
+  }, [id]);
 
   // fetching all product categories. It will be used for displaying categories in select category input
   const fetchCategories = async () => {

components/AddToWishlistBtn.tsx

@@ -106,8 +106,7 @@ const AddToWishlistBtn = ({ product, slug }: AddToWishlistBtnProps) => {
           }
         });
     }
-
-  }, [session?.user?.email, product?.id])
+  }, [session?.user?.email, product?.id]);
 
   useEffect(() => {
     isInWishlist();

components/Header.tsx

@@ -34,35 +34,36 @@ const Header = () => {
   };
 
   // getting all wishlist items by user id
-  const getWishlistByUserId = useCallback(async (id: string) => {
-
-    const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
-      cache: 'no-store',
-    });
-    const wishlist = await response.json();
-    const productArray: {
-      id: string;
-      title: string;
-      price: number;
-      image: string;
-      slug: string;
-      stockAvailabillity: number;
-    }[] = [];
-
-    wishlist.map((item: any) =>
-      productArray.push({
-        id: item?.product?.id,
-        title: item?.product?.title,
-        price: item?.product?.price,
-        image: item?.product?.mainImage,
-        slug: item?.product?.slug,
-        stockAvailabillity: item?.product?.inStock,
-      }),
-    );
+  const getWishlistByUserId = useCallback(
+    async (id: string) => {
+      const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
+        cache: 'no-store',
+      });
+      const wishlist = await response.json();
+      const productArray: {
+        id: string;
+        title: string;
+        price: number;
+        image: string;
+        slug: string;
+        stockAvailabillity: number;
+      }[] = [];
 
-    setWishlist(productArray);
+      wishlist.map((item: any) =>
+        productArray.push({
+          id: item?.product?.id,
+          title: item?.product?.title,
+          price: item?.product?.price,
+          image: item?.product?.mainImage,
+          slug: item?.product?.slug,
+          stockAvailabillity: item?.product?.inStock,
+        }),
+      );
 
-  }, [setWishlist])
+      setWishlist(productArray);
+    },
+    [setWishlist],
+  );
 
   // getting user by email so I can get his user id
   const getUserByEmail = useCallback(() => {
@@ -75,8 +76,7 @@ const Header = () => {
           getWishlistByUserId(data?.id);
         });
     }
-
-  }, [session?.user?.email, getWishlistByUserId])
+  }, [session?.user?.email, getWishlistByUserId]);
 
   useEffect(() => {
     getUserByEmail();

components/SimpleSlider.tsx

@@ -14,7 +14,7 @@ import Slider from 'react-slick';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import Link from 'next/link';
-import Image from "next/image"
+import Image from 'next/image';
 
 function SimpleSlider() {
   const settings = {
@@ -49,7 +49,10 @@ function SimpleSlider() {
           <Image
             width={300}
             height={300}
-            src="/slider image 1.webp" alt="slider 1" className="h-full" />
+            src="/slider image 1.webp"
+            alt="slider 1"
+            className="h-full"
+          />
         </div>
         <div className="h-[500px] max-lg:h-[400px] max-md:h-[250px] max-[500px]:h-[200px] max-[400px]:h-[150px] relative">
           <div className="absolute left-[50%] translate-x-[-50%] translate-y-[30%] h-full text-center max-lg:translate-y-[25%] max-md:translate-y-[20%] max-sm:hidden">
@@ -73,7 +76,10 @@ function SimpleSlider() {
           <Image
             width={400}
             height={300}
-            src="/slider image 2.webp" alt="slider 1" className="h-full" />
+            src="/slider image 2.webp"
+            alt="slider 1"
+            className="h-full"
+          />
         </div>
       </Slider>
     </div>

components/WishItem.tsx

@@ -41,8 +41,6 @@ const WishItem = ({
     router.push(`/product/${slug}`);
   };
 
-
-
   const deleteItemFromWishlist = async (productId: string) => {
     if (userId) {
       fetch(`http://localhost:3001/api/wishlist/${userId}/${productId}`, {
@@ -66,7 +64,7 @@ const WishItem = ({
           setUserId(data?.id);
         });
     }
-  }, [session?.user?.email])
+  }, [session?.user?.email]);
 
   useEffect(() => {
     getUserByEmail();