Business Donation History

[joshualipton]

Overview

"Computer programmers obtain quasi-magical, superhuman coding ability when they have a blood alcohol concentration percentage between 0.129% and 0.138%" - Former CEO of Microsoft

Running the program

1. Clone the repo through git clone
2. Navigate to the directory of your fph-frontend repo using the cd command.
3. Run git checkout dev and then git pull.
4. Create a branch off the dev branch in fph-frontend. For the name of the branch, use what the title of this issue as. Use git checkout -b <insert_branch_name>.
5. Install the necessary dependencies through running yarn. Test that your application works by running yarn format followed by yarn dev
6. Create your necessary code through creating files within the component folder.
7. Run the code with yarn (to install), yarn format (to format the code), and yarn start (to start the program).
8. Access localhost:3000/.

Task

Business can submit donations to FPH and we want to log these donations in a donation history table.

https://www.figma.com/file/VkH80LtHkl1Ck76v88fTvk/Ideation?type=design&node-id=811-5079&mode=design&t=437dVGAGG9JzgBhn-0

Setup a GET request to the donation table to get all the donations for the given business and create a table with it. For now you can hardcode a business id since we do not have login setup yet.

Additionally, setup the logic to view a single donation when the Details button is clicked. The figma for the single donation page can be found here. You can reference the BusinessTable.jsx file from the FPH_Admin_View branch to see how to create a unique page for each donation.

Use Chakra Components only to create the fields for this task.

There should be zero css created for this task.

NOTE: Make sure that when you click on "details" that it take you to a route like this:

localhost:3000/donationHistory/30

this means that we do a GET request on the id 30 for the donation table.

Support

Feel free to reach out to Madhu and Josh on Slack/Messenger for assistance.