CSS for Fair Market Value Table, Add, Edit, Delete Item + Delete Modal

[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

Add CSS for Fair Market Value Table, Add, Edit, Delete Item. For Delete Item create a modal confirming if item should be deleted. Reference this Figma to see how to do it: https://www.figma.com/file/VkH80LtHkl1Ck76v88fTvk/FPH-Wireframes?type=design&node-id=2166-16171&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 (this PR is very similar to the one you will end up making): 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.