Discontinued Items Empty Wishlist Error Block for React

They are typed with each saved item in SAVED: a name, a price in whole cents and one line on how the match differs. In your shop, choose the match on the server (same category, a near price, in stock) and send it with the discontinued item. The page only shows what it is given.

Everything. See a similar item and Save it only change this page's state and say what happened in a polite status line; nothing is added to a wishlist or a cart. Replace the save handler where the code says so with a call to your wishlist API, and update the list from its answer.

So the page never moves. The three matches share one place (each in the same grid cell, the unchosen ones unseen), and before any row is chosen the card says where a match will show. Rows never grow or move, and the card's height is the same for every match.

The struck name is followed by a hidden word, discontinued, and each button names its item ("See a similar item for Waffle bath towel, fog") and says whether it is pressed. Save it and Remove name the match they act on. The date is written out and sits in a time element.

To # in the demo; point it at your catalog. It's a Shine Button with render set to an a element and nativeButton={false}.

Each button goes full width under its row, and Keep browsing is pinned to the bottom of the screen until you reach it, so it is on the first screen while the list scrolls.