diff --git a/client/src/Pages/ProductItem.js b/client/src/Pages/ProductItem.js
deleted file mode 100644
index 9310dd9f..00000000
--- a/client/src/Pages/ProductItem.js
+++ /dev/null
@@ -1,121 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import axios from 'axios';
-import Spinner from './Spinner';
-import { FaHeart, FaRegHeart } from 'react-icons/fa';
-import { Link } from 'react-router-dom';
-
-const ProductItem = () => {
- const [products, setProducts] = useState([]);
- const [isLoading, setIsLoading] = useState(true);
- const [wishlist, setWishlist] = useState([]);
-
- useEffect(() => {
- const fetchProducts = async () => {
- try {
- const response = await axios.get('http://localhost:8080/api/product/admin/products');
- setProducts(response.data.products);
- setIsLoading(false);
- } catch (error) {
- console.error('Error fetching products', error);
- }
- };
-
- const fetchWishlist = async () => {
- try {
- const authToken = localStorage.getItem('token');
- const response = await axios.get('http://localhost:8080/api/wishlist/getwishlistdata', {
- headers: {
- "Content-Type": "application/json",
- "auth-token": authToken
- },
- withCredentials: true
- });
-
- // Extract product IDs from wishlist items
- const wishlistItems = response.data.wishlistItems;
- const wishlistProductIds = wishlistItems.map(item => item.product._id);
- setWishlist(wishlistProductIds);
- } catch (error) {
- console.error('Error fetching wishlist', error);
- }
- };
-
- fetchProducts();
- fetchWishlist();
- }, []);
-
- const toggleWishlist = async (product) => {
- try {
- const authToken = localStorage.getItem('token');
- const productId = product._id;
-
- if (wishlist.includes(productId)) {
- await axios.delete(`http://localhost:8080/api/wishlist/removefromwishlist/${productId}`, {
- headers: {
- "Content-Type": "application/json",
- "auth-token": authToken
- },
- withCredentials: true
- });
-
- setWishlist(wishlist.filter((id) => id !== productId));
- } else {
- await axios.post(`http://localhost:8080/api/wishlist/addtowishlist/${productId}`, {}, {
- headers: {
- "Content-Type": "application/json",
- "auth-token": authToken
- },
- withCredentials: true
- });
-
- setWishlist([...wishlist, productId]);
- }
- } catch (error) {
- console.error('Error toggling wishlist', error);
- }
- };
-
- const renderBooks = (books) => {
- return books.map((book) => (
-
-
-
-
{book.name}
-
Author: {book.author}
-
{book.description}
-
-
₹{book.price}
-
-
-
- {isLoading ? (
-
// Display spinner while data is not loaded
- ) : (
- categories.map((category) => (
-
- {category}
-
- {renderBooks(products.filter((book) => book.category === category))}
-
-
- ))
- )}
-
+//
+//
+//
+// {book.name}
+//
+//
+// Author: {book.author}
+//
+//
{book.description}
+//
+//
+// ₹{book.price}
+//
+//
+//
+//
+// {isLoading ? (
+//
// Display spinner while data is not loaded
+// ) : (
+// categories.map((category) => (
+//
+//
+// {category}
+//
+//
+// {renderBooks(
+// products.filter((book) => book.category === category)
+// )}
+//
+//
+// ))
+// )}
+//
+ {/* Title */}
+
+ CHECK OUT NEW COLLECTIONS
+
+
+ {/* Search Bar */}
+
+ setSearchTerm(e.target.value)}
+ />
+
+
+ {/* Product Grid */}
+
+
FICTIONALS
+
+ {filteredProducts.map((product) => (
+
+
+
{product.name}
+
{product.description}
+
₹{product.price}
+
+ ))}
+
+
+
+
+
CHILDREN'S BOOK
+
+ {filteredProducts.map((product) => (
+
+
+
{product.name}
+
{product.description}
+
₹{product.price}
+
+ ))}
+
+
+
+
+
NON-FICTION
+
+ {filteredProducts.map((product) => (
+
+
+
{product.name}
+
{product.description}
+
₹{product.price}
+
+ ))}
+
+
+