Display correct image of corresponding product - (0.5 marks).
Display correct information of data fields: title, description, price, discount, rating and stock - (0.5 marks).
Display correct "New price" calculated based on "Price" and "Discount" - (0.5 marks).
Display two buttons "Back to list; Delete" correctly - (0.5 marks).
When the user clicks the "Delete" button, a confirm box with a message like Figure 7 appears to confirm the product deletion operation - (0.5 marks).
React App
localhost:3000/product/detail/2
localhost:3000 says
Do you want to delete this product?
Cancel
per Retina HD display with OLED
Price: $-899
Discount: 17.94%
New Price: $738
Rating: 4.44
Stock: 34
Back to list
Delete
Figure 7: Confirm message box
Zoom
+ 100%
Close
