Added custom hooks for cart and wishlist management

Author: Aayush259

src/hooks/cartReducerHooks.js

@@ -0,0 +1,28 @@
+import { useDispatch } from 'react-redux';
+import {
+    removeItemFromCart as removeItem,
+    addItemToCart as addItem,
+    decrementCount as decrementItem,
+    incrementCount as incrementItem
+} from '../features/cart/cartSlice.js';
+
+// Custom hook to dispatch action for cart state.
+const useCartActions = () => {
+    const dispatch = useDispatch();
+
+    // Remove item from cart.
+    const removeItemFromCart = (itemName) => dispatch(removeItem(itemName));
+
+    // Add item to cart.
+    const addItemToCart = (item) => dispatch(addItem(item));
+
+    // Increase item count.
+    const incrementItemCount = (itemName) => dispatch(incrementItem(itemName));
+
+    // Decrease item count.
+    const decrementItemCount = (itemName) => dispatch(decrementItem(itemName));
+
+    return { removeItemFromCart, addItemToCart, incrementItemCount, decrementItemCount };
+};
+
+export default useCartActions;

src/hooks/useStoreItems.js

@@ -1,11 +1,23 @@
 import { useSelector } from 'react-redux';
 
-const useCartItems = () => {
-    return useSelector(state => state.cart.value);
+// Custom hook to use cart state from store.
+const useCartItems = () => useSelector(state => state.cart.value);
+
+// Custom hook to use wishlist state from store.
+const useWishlistItems = () => useSelector(state => state.wishlist.value);
+
+// Custom hook to know whether the item is already in the cart state or not.
+const useIsItemInCart = () => (itemName) => {
+    const cartItems = useCartItems();
+    
+    return cartItems.some(item => item.name === itemName);
 };
 
-const useWishlistItems = () => {
-    return useSelector(state => state.wishlist.value);
+// Custom hook to know whether the item is already in the wishlist state or not.
+const useIsItemInWishlist = () => (itemName) => {
+    const wishlistItems = useWishlistItems();
+
+    return wishlistItems.some(item => item.name === itemName);
 };
 
-export { useCartItems, useWishlistItems };
+export { useCartItems, useWishlistItems, useIsItemInCart, useIsItemInWishlist };

src/hooks/wishlistReducerHooks.js

@@ -0,0 +1,21 @@
+import { useDispatch } from 'react-redux';
+import {
+    addItemToWishlist as addItem,
+    removeItemFromWishlist as removeItem
+} from '../features/wishlist/wishlistSlice.js';
+
+// Custom hook to dispatch wishlist state actions.
+const useWishlistActions = () => {
+
+    const dispatch = useDispatch();
+
+    // Add item to wishlist.
+    const addItemToWishlist = (item) => dispatch(addItem(item));
+
+    // Remove item from wishlist.
+    const removeItemFromWishlist = (itemName) => dispatch(removeItem(itemName));
+
+    return { addItemToWishlist, removeItemFromWishlist };
+};
+
+export default useWishlistActions;