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.
|
continuous-integration/drone/push Build is passing
Details
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 | 1 month ago | |
| tabs | 1 month ago | |
| AdminClubDetail.tsx | 1 month ago | |
| ClubDetailTabs.tsx | 1 month ago | |
| page.tsx | 1 month ago | |