Skip to content

Conversation

@anitalves08
Copy link

Changes:
Replaced the static legend/checkboxes with interactive Badge components from Shadcn UI.
Implemented a "Check" (✓) icon that appears when a class type is active, providing immediate feedback on the current filter state.
Used conditional styling (variant="outline" vs variant="secondary") to distinguish between hidden and visible class types.

image

There was another layout option without badge component just with the check icon in the boxes...
image

Closes: #312

@netlify
Copy link

netlify bot commented Dec 27, 2025

Deploy Preview for tts-fe-preview failed.

Name Link
🔨 Latest commit b592635
🔍 Latest deploy log https://app.netlify.com/projects/tts-fe-preview/deploys/695005b649290e0008c834d6

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.

Make the classes filter more noticeable and intuitive

3 participants