Post Details page

[karishma-shah]

Closes #79

This PR creates the PostDetails page which is the page that contains an expanded view/details about every post. Currently, the Edit button in the top right corner will appear for every post since Auth is not configured yet, but it should only ideally appear for the person who has created it.

Currently, it is using mockData to render the post contents - however, in the next PR, they will be fetched from the database via an API call.

Here is a visual:

Screen.Recording.2023-11-05.at.7.46.14.PM.mov

To test the changes:

1. checkout this branch
2. run npm start
3. in another terminal, run npm run start-backend

[divyaK15]

I ran the /post/:postid URL and this is what shows up. Is there another path I should be using?

[karishma-shah]

I ran the /post/:postid URL and this is what shows up. Is there another path I should be using?

Only the first post is configured to work. So you have to click that one to test. Sorry forgot to add that in the PR description. Also you dont directly run the /post/:postid, you click the first post on the landing page and it will lead you to it. The :postId should be a number.

[divyaK15]

Looks good to me. I tested out all the functionalities shown in the video and they worked. Resizing looks good. I was able to search an event I just edited and all the edit fields work.

[tmahabir]

Looks fantastic! One thing I noticed is that if you change the image, and then click 'Cancel', the new image remains and doesn't go back to the original photo.

I think the solution would be simply adding setImageSrc(postImage); to the handleCancel function.
(But this exact solution will also change when we start using actual database data and not hardcoding the image with the variable postImage)

Great work!!