Skip to content

Add clickable tag badges to plan cards and header#84

Merged
HamptonMakes merged 1 commit intomainfrom
clickable-tag-badges
Apr 6, 2026
Merged

Add clickable tag badges to plan cards and header#84
HamptonMakes merged 1 commit intomainfrom
clickable-tag-badges

Conversation

@HamptonMakes
Copy link
Copy Markdown
Collaborator

Summary

Tags are now visible and interactive in the UI. Clicking a tag filters the plan index to show only plans with that tag.

Changes

  • Plan cards — Tag badges rendered below the header row, linking to ?tag=name
  • Plan header — Tag badges shown after status/type badges
  • Tag filteringGET /plans?tag=infrastructure filters plans via Plan.with_tag scope
  • Active filter bar — When filtering by tag, shows the active tag with a ✕ Clear link
  • Filter preservation — Tag filter is preserved when switching scope, status, or plan type
  • Seeds — Added 2 demo plans with tags (api, infrastructure, security, design, etc.) and tagged existing Q3 roadmap
  • Specs — 4 new request specs covering tag filtering, badge rendering, and filter bar

To test locally

bundle exec rails db:seed
bundle exec rails s

Visit http://localhost:3000 — you should see tag badges on plan cards. Click one to filter.

- Render tag badges on plan cards and plan detail header
- Click a tag to filter the index to plans with that tag
- Show active tag filter bar with clear button
- Preserve tag filter when switching scope/status/plan_type filters
- Add Plan.with_tag scope for clean controller code
- Seed demo plans with tags for local development
- Add request specs for tag filtering and badge rendering

Amp-Thread-ID: https://ampcode.com/threads/T-019d6373-a857-75b8-b976-dc9a989c53e0
Co-authored-by: Amp <amp@ampcode.com>
@HamptonMakes HamptonMakes merged commit 3b896e7 into main Apr 6, 2026
5 checks passed
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.

1 participant