feat: coach page tab navigation + remove browse teams #20
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "19-feat-coach-page-tab-navigation-team-play"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Summary
Adds two-tab navigation (Team / Plays) to the coach dashboard and removes the Browse Teams section entirely. Coaches now see only their roster and plays -- nothing else.
Changes
coach.html: Added tab bar with Team (default active) and Plays tabs usingrole="tablist"/role="tab"/role="tabpanel"ARIA attributes. Team tab wraps the existing search bar and roster grid unchanged. Plays tab shows a "Coming Soon" placeholder. Removed the Browse Teams section and the coach-actions quick links row. Added minimal JS (14 lines) for tab switching. All styles use existing design tokens fromshared/app.css.Test Plan
coach.htmlin a browserReview Checklist
Related
plan-wkqReview -- Pass
Scope: Only
coach.htmlmodified (1 file, +202/-179 lines).Correctness: All #19 requirements met -- two-tab navigation (Team default active, Plays placeholder), Browse Teams section fully removed.
Accessibility: Proper ARIA pattern --
role="tablist"container,role="tab"buttons witharia-selected/aria-controls,role="tabpanel"on panels. Tabs are native<button>elements (keyboard-accessible).CSS: All styles use existing design tokens from
shared/app.css. No hardcoded values. Removed stale.coach-actionsanda.team-cardCSS that was only used in deleted sections.JS: Minimal (14 lines), no dependencies, straightforward class toggling.
No issues found.