This ticket focuses on implementing IconButton components in all instances where buttons or links are used, promoting a consistent design and functionality across the application.
Additionally, it will ensure that all icon imports are sourced from "react-icons" instead of a CDN.
Lastly, it aims to separate the sharelist icon from the disclosure header, where it is currently integrated.
It also includes improvements designed to enhance the user experience:
The List name is now displayed on the manage-list page for added clarity.
The purchase frequency options for items are now presented as vertically aligned radio buttons.
Acceptance Criteria
[x] Replace all CDN icon imports with imports from "react-icons."
[x] Ensure the share button is positioned as a sibling of the disclosure.
[x] Implement IconButton for all applicable buttons and links, including:
[x] Add (Create List) button
[x] Share button
[x] Sign-in button
[x] View lists button in footer
[x] Add item button in footer
[x] Sign out button in footer
[x] Delete button within the disclosure, with refactoring to support keyboard accessibility.
Summary
It also includes improvements designed to enhance the user experience:
Acceptance Criteria
Notes
-Here is a link to the react-icons homepage: https://react-icons.github.io/react-icons/