Skip to content

⭐️⭐️◽️ Add navigation arrows to modal (previous/next app) #77

@vinybk

Description

@vinybk

⭐️⭐️◽️ Add navigation arrows to modal (previous/next app)

Description:
When a user opens an app modal, it currently only shows information for that specific app. We’d like to add left/right navigation arrows inside the modal to allow moving to the previous or next app — based on the list currently being displayed (after filters or search).

What to do:

  • In AppModal.vue, add:
    • A left arrow (“←”) to go to the previous app
    • A right arrow (“→”) to go to the next app
  • These arrows should navigate within the current filtered list (not all apps)
  • Disable the arrow if there is no previous or next app
  • Optionally add keyboard support: left/right arrow keys to navigate

Helpful tips:

  • Use watch or computed props to track the current app index
  • Make sure the modal content updates reactively when navigating
  • Add a small animation if desired, but keep transitions fast

Good first issue? No
Type: UX Feature
Labels: hackathon
Difficulty: ⭐️⭐️◽️

Metadata

Metadata

Assignees

No one assigned

    Labels

    ODHack14good first issueGood for newcomersonlydust-waveContribute to awesome OSS repos during OnlyDust's open source week

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions