Support forward/backward photo navigation using arrow keys

[vnugent]

Use case

In full screen mode I want to jump forward or backward using left and right arrow key.

Use react-hotkeys-hook

Tips:

• Next/Previous control: https://github.com/OpenBeta/open-tacos/blob/develop/src/components/media/slideshow/NextPreviousControl.tsx
• Full screen viewer: https://github.com/OpenBeta/open-tacos/blob/develop/src/components/media/slideshow/SlideViewer.tsx

Screenshot

[osaf96]

@vnugent I would love to take a look at this. Please assign it to me.

[osaf96]

sorry, I got a bit busy for a few weeks. I'll quickly try to complete this issue this week hopefully.

[vnugent]

No worries. I updated the original issue to include pointers to the 2 relevant components.

[tedgeving]

@vnugent @clinto

I can take a look at this issue if it's still open.

[vnugent]

@tedgeving I assigned the issue to you then realized it has been implemented.

If you're still interested in contributing a PR it would be great have a small follow up PR to show some instruction on the side bar. Something like:

Keyboard shortcuts: Previous [ ← ] Next [ → ]
You can use DaisyUI keyboard css classes to style the button.

[tedgeving]

@vnugent I'll take a look at it. Thanks