You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Guillermo Pages 47dbb96c47
continuous-integration/drone/push Build is passing Details
feat(admin): implement click-to-edit pattern for club profile fields
UX Improvements:
- Fields with existing data display as read-only text (not inputs)
- Pencil icon appears on hover (right side of field)
- Click text or icon to convert to editable input
- Auto-blur closes edit mode when field has value
- Prevents accidental edits

Implementation:
- Created reusable EditableField component with pencil icon
- Applied to all optional fields: address (5 fields), contact (3 fields)
- Name and timezone use inline click-to-edit (no separate component)
- Edit state tracked per-field with Set<string>
- Form prefills with existing profile data from API

Visual Design:
- Hover: Border changes to slate-300, background to slate-50
- Pencil icon: slate-400, opacity 0→100 on hover
- Maintains existing validation error styling (red borders)
- Consistent with professional slate theme

User Request: "should not be an input directly (put a pen on the side as well as making the text clickable) and on click convert to input (prevents accidental edits)"
1 month ago
..
slot-definitions feat(admin): add materialisation trigger/status UI + court management infrastructure 1 month ago
tabs feat(admin): implement click-to-edit pattern for club profile fields 1 month ago
AdminClubDetail.tsx feat(design): extend professional slate theme throughout manager portal 1 month ago
ClubDetailTabs.tsx feat(admin): add court management UI with Profile/Courts tabs (Phase 2) 1 month ago
page.tsx feat(admin): add court management UI with Profile/Courts tabs (Phase 2) 1 month ago