The following improvements should be made to the NewShoppingList and ShoppingListDetail page components:
- The title, add item button, save item button, field names, and (specific to ShoppingListDetail) Edit Mode button should all have sticky positioning; this way, the user can scroll down through a long list of items without having to go all the way back to the top to use these inputs
- The save item button should have purple background color, white text color, a save logo (much like MS Word or other software's do), and have the same or similar sizing to the add item button; the save button currently uses default styling and is hence not very user friendly in terms of both sizing and aesthetic design
- The add item button should have a number option (likely using IntegerQuantityValue) for how many items to add when the button is clicked; this means the user won't have to click the button multiple times if they have many items they need on their list
- For the ShoppingListDetail page component, the edit mode should have a reset button that resets all of their attempted changes when clicked but only when the user confirms via a confirmation prompt (this would likely be implemented with window.confirm or some other built-in javascript prompting method).
The following improvements should be made to the NewShoppingList and ShoppingListDetail page components: