DEV - Implement new expanded grant view #169
Description
Description: Implement the new design for the expanded grant view. Connected with #152, since the designs are very similar.
Current Design:
New Design:
User Story: When I click a grant in the grant directory, the expanded view will open up with all of its attributes displayed. From the expanded view, I can click delete, which will open an "are you sure" popup, where i can click either "close" or "delete" to close the popup and take me back to the expanded grant view, or delete the grant, respectively. If the grant is deleted, the grant will be gone and I will view the grant directory page without that grant there. Clicking "close" in the expanded grant view will minimize the view. Clicking "edit" will open the grant editing/create modal (in #152), with all the previous information already filled in.
Acceptance Critera:
- Adds new functionality of deleting the grant, editing the grant, and closing the expanded view.
- Deleting a grant will open a popup/modal asking if the user is sure, which we do NOT have a design for, so feel free to just implement something simple. This deleting functionality will also need to be connected to the with the backend, but that will be DONE IN A FUTURE TICKET, ALONG WITH OTHER FRONTEND TO BACKEND CONNECTIONS
- Editing the grant should open the grant editing/create modal (DEV - Implement new design for grant creation modal #152). There may need to be a props passed into that component to differentiate between edits and creation. Additionally, editing should have the fields filled in with the previous values.
- Implements new design, with components created for POC cards, scope documents, report deadlines, and other colored attributes.
- Does not allow user to edit directly in the expanded view (which is how it currently functions); user must click edit button, which will pull up the edit/create modal.