EditContactInfo CSS + BusinessDonationTrackingForm CSS

[Madhu2244]

Overview

"IDGAF" - Minh

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 main 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

BusinessDonationTrackingForm: https://www.figma.com/file/VkH80LtHkl1Ck76v88fTvk/FPH-Wireframes?type=design&node-id=2780-12553&mode=design&t=VeTpUdM7cPJVxtEU-0

EditContactInfo: https://www.figma.com/file/VkH80LtHkl1Ck76v88fTvk/FPH-Wireframes?type=design&node-id=2739-33620&mode=design&t=VeTpUdM7cPJVxtEU-0

The Figma should be an exact duplicate of what the website looks like in terms of CSS. Try to do all as much CSS on the Chakra side, then leveraging plain CSS. See this PR for example of how to do it: https://github.com/ctc-uci/fph-frontend/pull/49/files

Support

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