Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Add screen to list read and unread questions #100

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 3 commits into
base: main
Choose a base branch
from
Draft

Conversation

Copilot
Copy link

@Copilot Copilot AI commented May 19, 2025

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:

  1. Creates a dedicated /questions page that displays all questions with read status indicators
  2. Adds a client-side component (ReadStatusItem) that shows different visual indicators for read vs unread questions
  3. Modifies the existing ListOfQuestions component to conditionally show read status
  4. Updates the Header to link to the questions page from the existing read counter

Visual indicators

Questions are marked with:

  • Green dot: Questions that have been read
  • Gray dot: Questions that haven't been read yet

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.

Copy link

cloudflare-workers-and-pages bot commented May 19, 2025

Deploying preguntas-entrevista-react with  Cloudflare Pages  Cloudflare Pages

Latest commit: 7636175
Status: ✅  Deploy successful!
Preview URL: https://2edcbebd.preguntas-entrevista-react.pages.dev
Branch Preview URL: https://copilot-fix-47.preguntas-entrevista-react.pages.dev

View logs

Copy link

vercel bot commented May 19, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
preguntas-entrevista-react ✅ Ready (Inspect) Visit Preview May 19, 2025 6:17pm

@Copilot Copilot AI changed the title [WIP] List of questions read Add screen to list read and unread questions May 19, 2025
@Copilot Copilot AI requested a review from midudev May 19, 2025 18:17
Copilot finished work on behalf of midudev May 19, 2025 18:17
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.

List of questions read
2 participants