ScrollMe is an open-source eCommerce platform built with JavaScript, React, Styled Components, Node.js (Express), and MongoDB. It offers a modern shopping experience with a scalable backend, perfect for contributors or those learning modern web development.
Clicking on a Product Item Should Fetch Details from the READ API and Display Product Page
Description
When a product item is clicked on the admin page, the system should fetch the product details from the READ API and display a dedicated product page. This page should show all relevant details about the selected product, such as name, price, description, category, and image. The issue is that the product details are not being fetched or displayed correctly.r context.
Steps to Reproduce the Issue
Action 1: Navigate to the page that displays a list of products.
Action 2: Click on any product item in the list.
Action 3: The system should attempt to fetch the product details using the READ API and display them on the product page, but this behavior is not working as expected.
Expected Behavior
Upon clicking a product item, the system should send a request to the READ API (GET request) to retrieve the product's details.
The system should then navigate to a dedicated product page that displays all the product details (name, price, category, description, image).
The UI should display a loading spinner while fetching the product data, and show the product details once retrieved.
Actual Behavior
Clicking on a product item does not fetch the details from the API.
No redirection to the product page occurs, and the data is not displayed.
There are no error messages, or in some cases, the page remains static after clicking a product item.
Issue Report
Title
Clicking on a Product Item Should Fetch Details from the READ API and Display Product Page
Description
When a product item is clicked on the admin page, the system should fetch the product details from the READ API and display a dedicated product page. This page should show all relevant details about the selected product, such as name, price, description, category, and image. The issue is that the product details are not being fetched or displayed correctly.r context.
Steps to Reproduce the Issue
Action 1: Navigate to the page that displays a list of products. Action 2: Click on any product item in the list. Action 3: The system should attempt to fetch the product details using the READ API and display them on the product page, but this behavior is not working as expected.
Expected Behavior
Upon clicking a product item, the system should send a request to the READ API (GET request) to retrieve the product's details. The system should then navigate to a dedicated product page that displays all the product details (name, price, category, description, image). The UI should display a loading spinner while fetching the product data, and show the product details once retrieved.
Actual Behavior
Clicking on a product item does not fetch the details from the API. No redirection to the product page occurs, and the data is not displayed. There are no error messages, or in some cases, the page remains static after clicking a product item.