Skip to content

feat: add front and back arrow to navigate through images in yes/no and rating rounds - #382

Closed
Oyelakin-Mercy wants to merge 1 commit into
hatnote:masterfrom
Oyelakin-Mercy:feat/image-navigation
Closed

Oyelakin-Mercy wants to merge 1 commit into
hatnote:masterfrom
Oyelakin-Mercy:feat/image-navigation

Conversation

@Oyelakin-Mercy

@Oyelakin-Mercy Oyelakin-Mercy commented Feb 27, 2026 •

Copy link
Copy Markdown
Contributor

Fixes #220

What changed:

  • Added previous/next navigation arrows overlaid on the image in yes/no and ranking rounds
  • Next arrow only appears after the current image has been voted on
  • Previous arrow appears from the second image onwards, which allows free backwards navigation
  • The Vote state (Accept/Decline) is remembered and visually highlighted when going back to a previously voted image

How it works:

  • votedIds Map tracks voted image IDs and their vote value
  • currentVote computed shows the stored vote for the currently displayed image
  • goPrev / goNext navigate through the local image batch without triggering votes or skips
  • Vote buttons use :weight="normal" when the image has been previously voted on, which makes the selection visually clear
Screenshot 2026-02-26 235802 Screenshot 2026-02-26 235822 Screenshot 2026-02-26 235848

@lgelauff

Copy link
Copy Markdown
Collaborator

Could you help me understand the logic of having two right-arrows? I already see one on the top-right. And there's a third 'skip'. How can we avoid that getting confusing?

@lgelauff

lgelauff commented Apr 26, 2026 •

Copy link
Copy Markdown
Collaborator

Also, please show a screen recording with both the current master and your improvement in action. Make sure to test what happens if people repeatedly move back and forth and vote again.

This likely also directly conflicts with some other current PRs such as #492 and we'll have to consider that carefully.

@lgelauff
lgelauff marked this pull request as draft June 7, 2026 12:47
@lgelauff lgelauff closed this Oct 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support left arrow key in vote mode to return to the last image

2 participants