This code defines an asynchronous function `deleteProductFromWishlist` that performs the...

April 2, 2025 at 06:37 AM

const deleteProductFromWishlist = async (wishlistId, productId) => {
        const token = cookies.token;
        if (!token) {
            toast.error('User is not authenticated!');
            return;
        }
    
        try {
            const response = await fetch(`http://localhost:8000/api/wishlists/${wishlistId}/delete-product`, {
                method: 'DELETE',
                headers: {
                    'Content-Type': 'application/json',
                    'Authorization': `Bearer ${token}`,
                },
                body: JSON.stringify({ product_id: productId }),
            });
    
            const data = await response.json();
            if (response.ok) {
                toast.success('Product deleted successfully!');
                fetchWhislists();
            } else {
                console.error(data.message);
                toast.error('Failed to delete product from wishlist.');
            }
        } catch (error) {
            console.error(error);
            toast.error('An error occurred while deleting the product.');
        }
    };

This code defines an asynchronous function deleteProductFromWishlist that performs the following tasks:

Input Parameters: It takes two arguments:
- wishlistId: The ID of the wishlist from which a product is to be deleted.
- productId: The ID of the product to be removed from the wishlist.
Authentication Check:
- It retrieves a token from cookies.token.
- If the token is not available, it displays an error message using toast.error indicating that the user is not authenticated and then exits the function early.
HTTP DELETE Request:
- If the token is present, it sends an HTTP DELETE request to the URL http://localhost:8000/api/wishlists/<wishlistId>/delete-product.
- The request includes:
  - Headers:
    - 'Content-Type': 'application/json' to specify JSON payload.
    - 'Authorization': 'Bearer <token>' for authentication.
  - Body:
    - A JSON object with the product_id as productId.
Response Handling:
- It parses the server's response as JSON (response.json()) and checks the response.ok status.
- If the request was successful (response.ok is true):
  - Displays a success message using toast.success('Product deleted successfully!').
  - Calls a fetchWhislists function to update the wishlist data (assumed to be previously defined elsewhere in the code).
- If the response indicates a failure:
  - Logs the error message from the server to the console.
  - Shows an error notification using toast.error('Failed to delete product from wishlist.').
Error Handling:
- If the HTTP request or any other part of the process throws an exception, it:
  - Logs the error to the console.
  - Displays a notification using toast.error('An error occurred while deleting the product.').

Summary:

This function is designed to delete a product from a user's wishlist by making an authenticated DELETE request to a server API endpoint. It provides different user feedback (success or error notifications) based on whether the operation succeeds or fails. It also updates the displayed wishlists upon a successful operation.

Generate your own explanations

Download our vscode extension

Read other generated explanations

Built by @thebuilderjr