Skip to content

Casimir/enhancement/652 implement new figma design for collapsed navbar#656

Open
Casimir43 wants to merge 6 commits into
devfrom
casimir/enhancement/652-implement-new-figma-design-for-collapsed-navbar
Open

Casimir/enhancement/652 implement new figma design for collapsed navbar#656
Casimir43 wants to merge 6 commits into
devfrom
casimir/enhancement/652-implement-new-figma-design-for-collapsed-navbar

Conversation

@Casimir43
Copy link
Copy Markdown

@Casimir43 Casimir43 commented Jun 3, 2026

📄 Pull Request Overview

Closes #652

🔧 Changes Made

  1. Removed wrapper, restructured to three flex sections: logo, nav links, actions
  2. Fixed profileIcon.svg to white
  3. Added chevron icons (faChevronDown) to dropdown menu items
  4. Mobile: Swapped hamburger menu and profile icon positions
  5. Edit: Created new folder "NavbarV3"

Checklist Before Submission

  • Functionality: I have tested my code, and it works as expected. ✅
  • JSDoc: I have added or updated JSDoc comments for all relevant code. ✅
  • Debugging: No console.log() or other debugging statements are left. ✅
  • Clean Code: Removed commented-out or unnecessary code. ✅
  • Tests: Added new tests or updated existing ones for the changes made. ✅
  • Documentation: Documentation has been updated (if applicable). ✅

📝 Additional Information

Provide any additional context or information that reviewers may need to know:
Verified it renders correctly on each site.

navbar navbar1920 navbarmobile

Copy link
Copy Markdown
Member

@Skoivumaki Skoivumaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work 👍
Todo:
Remove the tests in V3, they are causing build to fail.
Remove toggleCollapse button:

Image

@Rutjake Issue creator will decide if commented stuff is relevant to issue. Until then, ignore them.

* @property {number} marginTop Margin at the top
* @property {string} className Additional CSS classes
* @property {NavbarBuild} navbarBuild Navigation bar components according to usage type and view size
* @property {boolean} isFixed This is deprecated. Fixed type is get from context
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isFixed has been deprecated since V1. Fix it or remove it, or just update JSdoc if issue is not relevant anymore.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alright

// import NavbarDesktop from '../NavbarDesktop/NavbarDesktop';
import NavbarDesktop from '../NavbarDesktopV3/NavbarDesktop';
import NavbarMobile from '../NavbarMobileV3/NavbarMobile';
// import NavbarMobile from '../NavbarMobile/NavbarMobile';
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Preferably don't leave old comments. We are building something new, so lets not keep unnecessary code.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alright

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is V2 test included in V3?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

copied the whole component and forgot to remove them :(

@Rutjake
Copy link
Copy Markdown
Contributor

Rutjake commented Jun 4, 2026

Good work 👍 Todo: Remove the tests in V3, they are causing build to fail. Remove toggleCollapse button:

Image @Rutjake Issue creator will decide if commented stuff is relevant to issue. Until then, ignore them.

Using the old component as a base was a good starting point, but it required updating, fixing, or removing some of the existing tests to match the new functionality. Please note that the component needs to be independent from V2. The toggleCollapse button is no longer present in this new version.

This issue only covers updating the navbar bar in its closed state and replacing the logo. The rest of the NavBar updates will be handled in a separate issue.

@Casimir43 Casimir43 marked this pull request as draft June 4, 2026 11:19
@Casimir43 Casimir43 closed this Jun 5, 2026
@Casimir43 Casimir43 reopened this Jun 5, 2026
@Casimir43 Casimir43 marked this pull request as ready for review June 5, 2026 12:37
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.

3 participants