Skip to content

Add Custom Sidebar, Header, and Profile Dropdown Components#94

Open
JOELNATHAN544 wants to merge 37 commits intoVitalisn4:devfrom
JOELNATHAN544:view-change
Open

Add Custom Sidebar, Header, and Profile Dropdown Components#94
JOELNATHAN544 wants to merge 37 commits intoVitalisn4:devfrom
JOELNATHAN544:view-change

Conversation

@JOELNATHAN544
Copy link
Collaborator

This branch introduces three new core UI components to the project:

  • Sidebar (Sidebar.tsx):
    Implements a collapsible sidebar for navigation, featuring user-specific links and a responsive design. The sidebar can be expanded or collapsed, and its width adjusts accordingly.

  • Header (Header.tsx):
    Adds a top navigation bar with a dashboard button, search functionality, a notification (bell) icon, and a profile dropdown. The header is styled for both light and dark modes and is responsive.

  • Profile Dropdown (ProfileDropdown.tsx):
    Provides a user profile menu accessible from the header. The dropdown displays user information, navigation to account settings, a settings submenu (with theme toggle and logout), and a logout button in both the main and settings menus.

  • Key Features:
    Responsive and modern UI for navigation and user actions.
    Theme toggle (light/dark mode) moved into a settings submenu within the profile dropdown.
    Sidebar and header are fully integrated with user authentication and navigation.
    Notification (bell) icon included in the header.
    All components are styled for consistency with the rest of the application.

JOELNATHAN544 and others added 29 commits July 21, 2025 10:08
…nd mobile navigation, and integrating Sidebar and ProfileDropdown for improved user experience
…rofile dropdown for enhanced user navigation
update the master with latest changes
@github-actions
Copy link

Hi @JOELNATHAN544! 👋

Thank you so much for your contribution to LinkSphere! 🚀 The entire LinkSphere team truly appreciates your effort and dedication in helping us improve the project.

Your PR is now in our review queue, and we'll get back to you with feedback as soon as possible. If you have any questions or want to discuss your changes, feel free to reply here.

Welcome to the LinkSphere community! 💜

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