Add screen to list read and unread questions #100
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR implements a new screen that allows users to view all available questions with a clear visual indication of which ones they've already read. The implementation:
/questions
page that displays all questions with read status indicatorsReadStatusItem
) that shows different visual indicators for read vs unread questionsListOfQuestions
component to conditionally show read statusVisual indicators
Questions are marked with:
The questions page includes a legend explaining these indicators, making it easy for users to understand which questions they still need to review.
Technical implementation
The implementation leverages the existing localStorage mechanism for tracking read questions (used by
ButtonRead
). The new component listens for storage events to ensure the UI updates if questions are marked as read/unread in another tab.This feature provides users with a guide to track their progress through the content, making it easier to plan which material to consume next.
Fixes #47.
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.