User profile screen : image pop-up and related features

[vikramvi]

• clicking on a image should open pop-up
• Refer to https://www.instagram.com/p/COAIiAaFYAs/
• left side image, right side text area
• text area actions: like / unlike , comment, save , comments area

Notes:

1. Like / Unlike logic is same as post login screen
2. Comment logic is same as post login screen

[vikramvi]

Break down user story into small pieces

• onClick event open new dialog ( google this - how to do it in react )
• dialog should have a close button
• add enlarged image in dialog
• style dialog
• add other features one by one

[vikramvi]

Approach 1

• First found out that this dialog is called "modal dialog box"
• Tried implementing "custom modal dialog box" but found it hard to embed image, re-size etc

Approach 2

• Find a library which makes dialog to implement easier way

Approach 3

• Googled for "modal dialog" implementation using tailwind CSS, keep adding on top of this