feat: now the Escape key takes you back to the main gallery from the media viewer

[nickytonline]

Description

Now you can use the Escape key to return to the main gallery from the media viewer.

Related Tickets & Documents

Closes #22

Mobile & Desktop Screenshots/Recordings

When there are no changes

When there are changes

Steps to QA

When there are no changes

1. Ensure at least one media exists in the main gallery
2. Click on the media to load the media viewer.
3. Click on the edit pencil icon and apply a change to the image (not save)
4. Press the Escape key.
5. You're brought back to the main gallery.

When there are changes

User decides discard the changes

1. Ensure at least one media exists in the main gallery
2. Click on the media to load the media viewer.
3. Click on the edit pencil icon and apply a change to the image (not save)
4. Press the Escape key.
5. The confirm dialog appears asking if you want to lose discard their changes.
6. Click or press the Discard changes button.
7. The confirm dialog closes.
8. The editor panel is closed and you remain on the media viewer for the given item.
9. Press the Escape key.
10. You're brought back to the main gallery.

User decides to keep editing

1. Ensure at least one media exists in the main gallery
2. Click on the media to load the media viewer.
3. Click on the edit pencil icon and apply a change to the image (not save)
4. Press the Escape key.
5. The confirm dialog appears asking if you wsnt to discard your changes.
6. Click or press the Keep editing button.
7. The confirm dialog closes.
8. The editor panel remains open.

[optional] What gif best describes this PR or how it makes you feel?

[vercel[bot]]

@nickytonline is attempting to deploy a commit to the Cloudinary DevX Team on Vercel.

A member of the Team first needs to authorize it.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
photobox-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 19, 2024 3:22am
photobox-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 19, 2024 3:22am

[colbyfayock]

this is fantastic! added a few thoughts/comments

[colbyfayock]

one last thought!

what do you think about, when you open a panel in the media viewer without changes, if oyu hit ESC, you close the panel, instead of taking you back? so if you open without changes, to get back to media library, you would hit twice.

wdyt?

[nickytonline]

one last thought!

what do you think about, when you open a panel in the media viewer without changes, if oyu hit ESC, you close the panel, instead of taking you back? so if you open without changes, to get back to media library, you would hit twice.

wdyt?

Sounds good. I just tried in Google Photos and that's what they do.

[nickytonline]

one last thought! what do you think about, when you open a panel in the media viewer without changes, if oyu hit ESC, you close the panel, instead of taking you back? so if you open without changes, to get back to media library, you would hit twice. wdyt?

Sounds good. I just tried in Google Photos and that's what they do.

Resolved by 840baa100f22b3614611e62b9f736909211b4a2d

[colbyfayock]

worked great!!

thought got this dreaded error.

pushed a quick fix, and we're good to go!

thanks again 🙌

[nickytonline]

worked great!!

thought got this dreaded error.

pushed a quick fix, and we're good to go!

thanks again 🙌

For some reason eslint and formatting is running in the project in VS Code. It's probably something on my end, but not sure what as all my other projects work fine. 😅