Updates to the Admin Dashboard and Tables

[joshualipton]

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

We will be making updates to the admin dashboard tables.

This task includes fixing the routing on the admin dashboard as well as the CSS for the admin dashboard. We want the submitted, not submitted, and pending tabs to all have their own route. We also want it so when you click on a row for the table and view the business, the business has a unique route. You can do this by adding a route /routename/:id in app.jsx. You should create the route name to be the /routename/id of the business. Same thing with the view application button. Lastly, we should have a back button on both he view business page and the view application page so you can go back to the pending tab for the view application back button and to the submitted or not submitted tab for the back button no the view business. To match the figma you will also need to make an all tab.

The empty table should look like this with the image. The filled out table should look like this. Lastly, add curosor: pointer for the table rows so that it indicates you can click on a business in the table to get to the view business table.

Support

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