[176] Feature customize user profile#127
Merged
Merged
Conversation
|
This PR was not deployed automatically as @badarouzia does not have access to the Railway project. In order to get automatic PR deploys, please add @badarouzia to your workspace on Railway. |
…om/Tugduoff/talkUp.AI into 176-feature-customize-user-profile
…and descriptive texte
…across profile settings and UI elements
…omponent directly
…finite redirect loops
…n GeneralSettings and NotifSettings components
…hanges in profile settings
…licate components)
…gement and account actions
…d menu functionality
Made-with: Cursor
Made-with: Cursor
Made-with: Cursor
…name and improve initials generation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What type of PR is this? (check all applicable)
Description
This PR updates the Profile management system to improve user data collection and provide a more interactive settings experience. Key updates include the addition of customisation settings , the implementation of a functional avatar management menu, and the population of the notification settings tab
Key Features & Enhancements
Identity & Contact Management (GeneralSettings)
New Contact Fields: Integrated a Phone Number field synchronized with the global profile state.
Dynamic Username: Implemented an auto-generating, read-only username field based on the user's First and Last names.
Layout Optimization: Reorganized the "About & Contact" section into a responsive grid for better alignment of professional titles, LinkedIn links, and phone numbers.
Interactive Avatar System
Contextual Menu: Added a dropdown menu (triggered by a camera icon) allowing users to "Choose Photo", "Take Photo", or "Delete".
Smart UI Logic: Implemented useRef and useEffect hooks to handle click-outside detection, ensuring the avatar menu closes automatically when the user clicks elsewhere.
Visual Feedback: Real-time initials generation and background color syncing within the avatar circle.
Appearance & Banner Customization
Style Cycling: Added a "Cycle Style" feature for the profile banner, allowing users to switch between "Minimal", "Ocean", and "Night" presets instantly.
Notification Engine (NotifSettings)
Preset Integration: Replaced the empty notification state with a robust DEFAULT_NOTIFS data structure.
Toggle Logic: Implemented a functional toggleNotif handler to manage preferences for training reminders, messages, and weekly reports.
Type Safety: Refined TypeScript interfaces for props and state management.
Linked GitHub Ticket
Closes EpitechPromo2027/G-EIP-600-NAN-6-1-eip-tugdual.de-reviers#176
Workspace
Screenshots