Isa - reusable button component

[isaabutaa]

Description

• Created a reusable GreenButton 🟢 component that can be used throughout the application (however, this button component does not replace the delete or search buttons)
• Altered styling of button in src/themes/theme.js so that there is a border radius
• Imported the button component into the following components:
  • Home
  • AddItem
  • ItemsList
• Replaced existing buttons in those components (with exception to delete and clear search buttons) with GreenButton component
• Passed props to the component:
  • btnText - this prop represents the button text
  • clickFunction - this prop represents whatever function runs whenever the button is clicked, like a handleClick or handleSubmit for example
  • Used the GreenButton component in the ItemsList & AddItem components as a way to navigate to other pages. The existing navigation links we had at the bottom of the page are still there just in case we want to revert back to those or do something different
  • Created a /styles folder inside source and a GreenButton.css file for styling, but that file is kind of useless tbh 😅

Related Issue

Closes #45

Acceptance Criteria

Create a reusable button component that will be used throughout the application

AC

• Set background color to #98D79A
• Add border-radius styling
• Ensure that the button can be used to:
  • create a new token
  • submit existing token
  • add a new item
  • exit the list
  • navigate to add item or view list page (maybe this will be for another issue?)

Type of Changes

	Type
	:bug: Bug fix
✓	:sparkles: New feature
✓	:hammer: Refactoring
	:100: Add tests
	:link: Update dependencies
	:scroll: Docs

Updates

Before

After

Testing Steps / QA Criteria

• git checkout ia-button-component
• npm start
• Test out the buttons to make sure they still function like they're supposed to. I think there's a bit of a lag when you try to join an existing list for some reason

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 9712b12):

https://tcl-28-shopping-list--pr53-ia-button-component-w3l1r3tm.web.app

_{(expires Thu, 09 Sep 2021 00:34:03 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[isaabutaa]

It might just be me but the inputs are not working anymore? I am able to add an empty item to the list, or not have to submit a frequency and still add the item. I also am not able to join an existing list :( But everything else works fine! Would love to confirm as it might just be me.

Thank you @sandaiiyahh for the feedback! 🙏 I'm going to check it out and see what's going on there.