Advanced search box to nagivate between Study pages

[fabd]

Thinking of adding some kind of popup near the search bar that would allow to move between pages in a more visual way.

• either a grid or a list, similar to the "Last Viewed"section
• showing all kanji in the current lesson and/or all lessons
• perhaps some small filter pills to toggle Restudy / Learned / etc

Steps

• FIGMA mockups
• Implement Vue component
• Figure out how to hydrate data without adding more queries, we might need:
  • failed kanji to filter by
  • learned kanji in current session
• Implement save & restore state of the dialog like current filter, to local storage
• when lesson view is open, scroll to make current kanji visible if the lesson is long
• ... likewise for the RTK1 tab
• .... likewise for the RTK3 tab
• display a Progress Bar for the Lesson view - how to handle this data in all Study pages?
• design the Restudy tab - show only forgotten kanji in a grid? or grouped by lessons? (more scrolling)

FIGMA Mockups

Concept for the dialog

• worth noting is the progress bar gives progress for RTK Volume 3 learners - which is not currently shown in the "View All Lessons" page.

Another concept

[fabd]

Work in progress

View current lesson when the dialog opens - helps to speed up the initial dialog appearance

RTK1 tab can scroll through all Vol.1 lessons

RTK3 tab could allow tracking progress through Volume 3 - currently there are no lessons in Volume 3 so a grid of 800+ characters has to be rendered