Skip to content

Updated the users_settings live_component - #436

Merged
ddon merged 8 commits into
BeamLabEU:devfrom
alexdont:dev
Mar 20, 2026
Merged

Updated the users_settings live_component#436
ddon merged 8 commits into
BeamLabEU:devfrom
alexdont:dev

Conversation

@alexdont

Copy link
Copy Markdown
Contributor

No description provided.

Alexander Don and others added 8 commits March 20, 2026 01:51
- Consolidated 4 separate cards (Profile, Email, Password, OAuth) into one unified card
- Added dividers between sections for visual separation
- Moved avatar section to top with horizontal layout
- Simplified button labels and reduced visual clutter
- Reduced file from 1470 to 954 lines

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Email and Password forms are now hidden by default
- Users click "Change Email" or "Change Password" buttons to reveal forms
- Toggle shows "Cancel" with X icon when form is open
- Simplifies the UI by reducing visual clutter for common operations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Avatar reduced to 64px (w-16 h-16) and stacked with upload button
- Name fields (first/last) moved beside the avatar column
- Cleaner, more compact top section of the profile form

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Avatar now 96px tall (h-24) to span both input heights
- Upload button positioned right of avatar
- Removed custom fields, timezone, and avatar messages for cleaner UI
- Only first name and last name inputs remain

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Profile section redesign:
- Larger circular avatar (160px) with upload button below
- Two-column layout for First/Last Name with Username field
- Added custom fields rendering with text and select support
- Select dropdowns use index-based values per system design

Layout improvements:
- All action buttons aligned to right (ml-auto)
- Strategic dividers between sections
- Removed unnecessary margins for cleaner look

Bug fixes:
- Custom fields now save correctly by reading from
  profile_form[user][custom_fields] instead of params["custom_fields"]
- Select dropdowns properly compare index values

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Avatar centered on its own row on mobile
- All fields (First Name, Last Name, Username, custom fields) full-width below
- Desktop maintains side-by-side layout with avatar on left
- Uses Tailwind responsive classes (lg:) for breakpoints

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Suppress known MapSet type warnings in sync module functions:
- get_table_dependencies/2-3
- topo_sort/4
- visit_node/5

These are false positives from Dialyzer's handling of MapSet's
internal opaque type representation across recursive calls.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@ddon
ddon merged commit 59f29df into BeamLabEU:dev Mar 20, 2026
6 checks passed
ddon added a commit that referenced this pull request Mar 20, 2026
Restore removed features: timezone selector, Apple OAuth icon,
OAuth-only password warning, provider email display. Fix select
custom fields using index-based values instead of actual values.
Restore all custom field types (textarea, number, email, url, date).
Extract duplicated custom_fields helpers, restore unique form IDs,
fix shadow-xl→shadow-sm, fix divider placement, add required attr.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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.

2 participants