We have built out a way to view the details of a post (Post View) in the previous semester. Currently, we have hard-coded some information in the modal. We'd like to update this view so that the post view shows data from the database corresponding to what the user clicked on to get to the view.
Requirements
Modify PetPostModal.tsx to take in props that describe a post. These props should be used to fill in the information in the post view accordingly.
There are some associated design changes to this view. Ensure that the implementations are updated to match the designs for desktop and mobile. The buttons meant for the admin - the edit, delete, and mark as covered/hide - are out of scope for this ticket. You can focus on the rest of the post view.
Acceptance Criteria
PM
[ ] If I add a post, I should see that information I input into the post card at the top of the feed
[ ] I can click on a post and it will pop up with all of the information for that post in the database correctly
[ ] The feed handles having multiple posts correctly (as in more than just two like we have currently and handles when the screen cannot fit another post)
EM
[ ] No additional API calls
[ ] All relevant information are populated in the post view, matching the corresponding post document in the database
Designer
[ ] Fix the Foster Me button to the bottom of the modal, for the case where post information exceeds the shown amount
[ ] Bullet Point Data for desktop and mobile must be evenly distributed if they are split into two columns
Context
We have built out a way to view the details of a post (Post View) in the previous semester. Currently, we have hard-coded some information in the modal. We'd like to update this view so that the post view shows data from the database corresponding to what the user clicked on to get to the view.
Requirements
Modify
PetPostModal.tsxto take in props that describe a post. These props should be used to fill in the information in the post view accordingly.There are some associated design changes to this view. Ensure that the implementations are updated to match the designs for desktop and mobile. The buttons meant for the admin - the edit, delete, and mark as covered/hide - are out of scope for this ticket. You can focus on the rest of the post view.
Acceptance Criteria
PM
EM
Designer