Skip to content

New navigation#2101

Draft
RemiBonnet wants to merge 126 commits intostagingfrom
new-navigation
Draft

New navigation#2101
RemiBonnet wants to merge 126 commits intostagingfrom
new-navigation

Conversation

@RemiBonnet
Copy link
Member

What does this PR do?

  • Revamp all navigation and colors tokens

PR Checklist

  • This PR introduces breaking change(s) and has been labeled as such
  • This PR introduces new store changes
  • I made sure the code is type safe (no any)

@RemiBonnet
Copy link
Member Author

Qovery Preview

Qovery can create a Preview Environment for this PR.
To trigger its creation, please post a comment with one of the following command.

Command Blueprint environment
/qovery preview cc1de7de-94e5-40f8-8e45-bc8986d9dfec storybook
/qovery preview 28c47145-c8e7-4b9d-8d9e-c65c95b48425 staging
/qovery preview {all|UUID1,UUID2,...} To preview multiple environments

This comment has been generated from Qovery AI 🤖.
Below, a word from its wisdom :

Don’t Sacrifice Readability, you are going to debug it in 6 months

@codecov
Copy link

codecov bot commented Oct 24, 2025

Codecov Report

❌ Patch coverage is 37.57030% with 555 lines in your changes missing coverage. Please review.
✅ Project coverage is 43.39%. Comparing base (7304e19) to head (5b5b3ff).

Files with missing lines Patch % Lines
...luster-creation-flow/step-summary/step-summary.tsx 21.78% 77 Missing and 2 partials ⚠️
...ster-network-settings/cluster-network-settings.tsx 39.44% 62 Missing and 4 partials ⚠️
...ster-creation-flow/step-features/step-features.tsx 30.48% 49 Missing and 8 partials ⚠️
...on-flow/step-summary/step-summary-presentation.tsx 20.28% 45 Missing and 10 partials ⚠️
...tus-indicator/cluster-running-status-indicator.tsx 0.00% 47 Missing ⚠️
...eature/src/lib/audit-logs-view/audit-logs-view.tsx 0.00% 45 Missing ⚠️
...ced-settings/cluster-advanced-settings-feature.tsx 0.00% 29 Missing ⚠️
...luster-creation-flow/step-general/step-general.tsx 39.58% 23 Missing and 6 partials ⚠️
.../cluster-action-toolbar/cluster-action-toolbar.tsx 22.72% 17 Missing ⚠️
...on-production-health/section-production-health.tsx 0.00% 17 Missing ⚠️
... and 24 more
Additional details and impacted files
@@             Coverage Diff             @@
##           staging    #2101      +/-   ##
===========================================
- Coverage    46.00%   43.39%   -2.61%     
===========================================
  Files          133     1063     +930     
  Lines         3167    20768   +17601     
  Branches       966     6033    +5067     
===========================================
+ Hits          1457     9013    +7556     
- Misses        1377    10110    +8733     
- Partials       333     1645    +1312     
Flag Coverage Δ
unittests 43.39% <37.57%> (-2.61%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

RemiBonnet and others added 13 commits January 19, 2026 10:56
* feat: add navbar and init layout

* feat: start breadcrumb and update all popover and dropdown menu colors

* feat(new-nav): add basis for routing (#2206)

feat: add basis for routing

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>
Update Dockerfile and package.json for console-v5 build and preview commands
* Init organization overview

* Add webflow libraries
* feat: add basis for authentication

* chore: rename orgId to organizationId

* fix: glitch when switching routes

* impr: cleaning up auth-redirect component

* fix: import statements
impr: add logout button and better redirection
…d sections (#2238)

feat(organization-overview): add first part of sections
* feat(navigation): add general layout (#2110)

* feat: add navbar and init layout

* feat: start breadcrumb and update all popover and dropdown menu colors

* feat(new-nav): add basis for routing (#2206)

feat: add basis for routing

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>

* feat(organization-overview): first part production health cluster

* fix(routes): routeTree.gen.ts

* Add feedback

* Remove useless file

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>
* feat(cluster-card): token

* feat(organization-navigation): implement dynamic navigation context and refactor organization route

* feat(routes): add audit logs and cluster settings routes, update breadcrumbs for cluster navigation
RemiBonnet and others added 30 commits March 2, 2026 10:21
* feat(breadcrumbs): enhance keyboard navigation with search focus

* feat(breadcrumbs): add service support + suffix rendering

* refactor(breadcrumbs): replace DropdownMenu with CommandMenu for improved search functionality and navigation

* fix: test snapshot service-list
…tabase (#2435)

* feat(service-variables): add service variables route + hide it for database)

* refactor(variable-list): hide service name column in service scope for visual alignment

* feat(service-variables): enable suspense for service data fetching in variables component
* fix(service): add settings layout

* fix(service settings): enable suspense for environment and service data fetching
* feat(new-nav): add environment overview

* impr: color tokens for uninstall modal

* impr: color token tweaks

* impr: color token tweaks

* Update color tokens

* Updating the min-width of the status cells

* Splitting components of the Services list table

* Fix outdated snapshots

* UI tweaks

* Refactor env overview table using context

* Correct lint warning

* Update outdated snapshots

* Update outdated snapshots

* Update outdated snapshot

* Update failing unit tests

* Update failing unit tests

* Fix TS issue

* Remove useless context

* Updating failing unit test

* Post-review fixes

* Add `hasShell` search param for service overview route
* feat(alerts): add new routes for alert creation and editing

- Introduced routes for creating and editing alert metrics within the service monitoring section.
- Enhanced the organization of alert-related components and improved navigation flow.
- Updated the monitoring dashboard to handle new alert routes and provide better user feedback during alert management.
- Refactored existing components to support the new alerting features and ensure a cohesive user experience.

* refactor(monitoring): replace useRouterState with useMatchRoute for alert flow detection

* refactor(alerting): remove unused alert creation and editing components

- Deleted PageAlertingCreateFeature and PageAlertingEditFeature components to streamline the codebase.
- Updated routing to remove references to the deleted components, enhancing clarity and maintainability.
- Minor style adjustment in SummaryStep component for improved consistency.

* test(service-alerting): update test to check for alerting page header

* refactor(alerting): update IssueOverview component and remove deprecated monitoring features

- Refactored IssueOverview to use `useParams` from `@tanstack/react-router` for improved routing.
- Updated alert navigation links to utilize parameterized routes for better clarity and maintainability.
- Deleted obsolete monitoring dashboard and placeholder components to streamline the codebase and enhance overall organization.
- Removed related routing references to deprecated components, improving clarity in the routing structure.

* refactor(routes): remove deprecated APPLICATION_MONITORING_ALERTS_URL constant

- Deleted APPLICATION_MONITORING_ALERTS_URL from application.router.ts to streamline routing and eliminate references to obsolete monitoring features.

* refactor(alerts): replace useRouterState with useMatchRoute for improved route matching

* refactor(alerting): update routing and context usage in alerting components

- Replaced `react-router-dom` with `@tanstack/react-router` for improved routing consistency across alerting components.
- Simplified context usage in `SummaryStep` and `MetricConfigurationStep` by directly providing necessary values.
- Removed mock implementations of routing hooks in tests to align with the new routing structure.
- Enhanced test setups to reflect updated context and routing dependencies.
* feat(services): add services/new page

* feat(service-new): enhance CardService component with dark mode support and update IAC section layout

* feat(service-new): add Terraform upgrade plan feature and enhance CardOption component with badge support
* style(dropdown-services): new token previous next btn

* style(dropdown-services): update button styles for improved accessibility and consistency
* Add basis for service logs

* UI improvements

* Updating color tokens

* Replacing outdated setQueryParams with navigate func calls

* UI fixes

* Refactoring using Suspense

* Updating log headers for them to be sticky

* UI tweaks

* Fixing failing unit tests

* Reverting useless changes and fixing some warnings

* Backporting fix from #2444

* UI fixes: applying rounded-md to MultipleSelector and button styles of
HeaderServiceLogs

* UI fixes

* Renaming EnvironmentLogs to ServiceLogs

* Bringing back rowAppear keyframes

* Fix date format issue

* Fixing loading state glitches by using Suspense

* Tweaking gap between header elements

* Tweaking the header's separator fill colors

* Adding some missing suspense params

* Bringing back the old look of the "live" button

* Updating the logs link of the env overview

* Updating outdated snapshots

* UI fixes

* Remove useless Suspense wrapper

* Removing useless padding causing loader glitch
* feat(application-container-creation-flow): init general view

* feat(route-tree): add new service creation routes and update existing imports

* feat(general-container-settings): reset image fields on registry change and update navigation links

* feat(service-creation): add create service route and enhance application container flow with template support

* feat(tests): add unit tests for application container creation flow and general step

* fix(tests): update billing details tests to reflect label changes for VAT number

* refactor(job-general-settings): simplify container settings component and remove unused imports

* feat(job-general-settings): add JobGeneralSettings component and integrate into feature exports

* feat(git-repository-settings): add GitRepositoryServiceSettings and EditGitRepositorySettings components with modal support for token management

* clean-up
* refactor(variable-list): improve styling and layout consistency in VariableList component

- Updated class names for better readability and consistency.
- Adjusted layout properties for various elements to enhance visual alignment.
- Improved snapshot tests to reflect the updated styles and structure.

* chore(variable-list): update snapshot tests to reflect recent styling changes

- Adjusted class names for improved consistency and readability.
- Updated snapshot tests to match the new layout and styling of the VariableList component.
* Fix the TS definition of the Link component

* Updating the Link component

* Correcting some of the `to` prop values

* Updating outdated Link props

* Fix more Link components' props

* Fix remaining Link components' "to" prop values

* Updating outdated snapshots

* Removing deprecated component

* Fix lint issue
* Make environment overview's table rows clickable

* Post-review fixes
* feat(service-settings): add advanced settings views

* refactor(service-advanced-settings): simplify props by using useParams for organization and project IDs
* fix: add breadcrumb truncate

* fix: pod-details logs btn

* fix: role link outline
* feat(services): extract service general settings into feature modules

* feat: add new lib service-settings

* refactor(service-settings): update general settings tests to use organization object and remove deprecated general settings feature

* fix: tests

* feat(service-settings): implement ServiceGeneralSettings component and update routing to use organization data

* fix(service-settings): update export path for ServiceGeneralSettings module

* refactor(service-settings): simplify service settings components by removing unused parameters and utilizing useParams for organization data

* feat(source-setting): enhance Helm repository selection with suspense support and refactor component structure

* Add feedback source-setting
* feat(application-container-creation-flow): add resources step

* fix(application-settings): enable suspense for environment and cluster data fetching
* feat(new-nav): add basis of deployment details view

* UI improvements and color token updates

* Improve loading state

* Add comments

* Accessibility of table row and hover style

* Fix failing unit tests

* UI: fix icon alignment issue

* Prevent event propagation when clicking on pipeline tooltip's items

* UI: fix unnecessary min-height

* Update snapshots

* Create EnvironmentPipeline component in environment-logs domain

* UI: add container shadows and fix hover background color

* Update gap

* Improve scroll shadow

* Post-review fixes
* feat(service-port): add creation flow and settings

* refactor(tests): update import paths and simplify component rendering in port settings tests

* chore(deps): update baseline-browser-mapping to version 2.10.0 and caniuse-lite to version 1.0.30001777 in yarn.lock

* refactor(tests): simplify component rendering in ApplicationContainerPortSettingsList tests and clean up submitPortForm call in step-port component

* refactor(tests): wrap ApplicationContainerPortSettingsList in Section for improved rendering in tests

* refactor(tests): remove unnecessary mock for Link component in step-port tests

* refactor(port-list-rows): change button variant from surface to outline for edit and delete actions
…2465)

* feat(cluster-logs): enhance loading state with message and improved layout

* fix(database-settings): update text color for accessibility in database general settings

* fix(pod-details): update class names for dropdown and conditional rendering of divider

* feat(instance-metrics): add row hover effect to enhance user interaction in metrics table
* feat(service-healthchecks): add creation flow and settings

* refactor(service-settings): reorganize layout and improve component structure in healthchecks and port settings
* impr(new-nav): make deploy menus consistent

* Update deployment details header

* Revert useless change

* Bring back logs button

* UI tweaks

* Fix failing unit tests

* Fix TS error

* Rename ServiceActionToolbar to ServiceActions
* feat(application-container-creation-flow): add full flow

* fix(use-service): bug first load if service isn't application

* fix(use-service): props environmentId

* feat(application-container-creation-flow): enhance variable handling and navigation in service creation

* refactor(step-summary): update navigation path to service overview and remove serviceId parameter

* test(variable-row): mock useParams for environmentId in variable row tests

* refactor(step-variables): remove unused environmentId from ApplicationContainerStepVariables component

* refactor(step-summary): simplify test setup and enhance component rendering in ApplicationContainerStepSummary tests
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants