Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(nav): Use new secondary nav in settings #84331

Merged
merged 3 commits into from
Jan 31, 2025

Conversation

malwilley
Copy link
Member

Ref #84018

This PR duplicates existing components which render the settings navigation sidebar so that, when the feature flag is enabled, they instead render the new <SecondaryNav /> components.

There are still a few bugs that need to be ironed out, but for now the correct items are being rendered from the existing config.

CleanShot 2025-01-30 at 11 10 58

@malwilley malwilley requested a review from a team January 30, 2025 19:53
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jan 30, 2025
Copy link

codecov bot commented Jan 30, 2025

Bundle Report

Changes will increase total bundle size by 40.41kB (0.12%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
app-webpack-bundle-array-push 33.1MB 40.41kB (0.12%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: app-webpack-bundle-array-push

Assets Changed:

Asset Name Size Change Total Size Change (%)
chunks/app_actionCreators_discoverHomepageQueries_tsx-app_bootstrap_initializeApp_tsx-app_components-9c9122.*.js (New) 1.36MB 1.36MB 100.0% 🚀
entrypoints/app.js 589 bytes 98.43kB 0.6%
chunks/app_components_breadcrumbs_tsx-app_components_feedback_widget_us*kWidget_tsx-app_utils-df50cf.4907f96d8f4a842c0468.js (New) 57.19kB 57.19kB 100.0% 🚀
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-c352e5.*.js (New) 48.3kB 48.3kB 100.0% 🚀
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-0757b6.*.js (New) 43.31kB 43.31kB 100.0% 🚀
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-7dd784.*.js (New) 39.18kB 39.18kB 100.0% 🚀
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-ccaa4c.*.js (New) 39.05kB 39.05kB 100.0% 🚀
chunks/app_components_charts_eventsRequest_tsx-app_components_feedback_widget_us*kWidget_tsx--64a49b.77ddb2d813bc48bd0699.js (New) 37.84kB 37.84kB 100.0% 🚀
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_performance_transactionSummary-51d702.167c5efb7ec6acf681d5.js (New) 37.3kB 37.3kB 100.0% 🚀
chunks/app_components_charts_transparentLoadingMask_tsx-app_components_charts_useChartZoom_tsx-app_c-9d1081.*.js (New) 36.47kB 36.47kB 100.0% 🚀
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-f7e414.*.js (New) 35.62kB 35.62kB 100.0% 🚀
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_insights_common_components_cha-d2aaf9.699f32419d6c8e41ec28.js (New) 32.05kB 32.05kB 100.0% 🚀
chunks/app_views_dashboards_widgets_barChartWidget_barChartWidget_stories_tsx.*.js 1.58kB 30.63kB 5.44% ⚠️
chunks/app_views_dashboards_widgets_areaChartWidget_areaChartWidget_stories_tsx-app_views_dashboards-8dfd40.*.js 1.53kB 29.16kB 5.54% ⚠️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_insights_uptime_views_overview-bd2aa0.c2beca4d85fdc620a9d4.js (New) 26.59kB 26.59kB 100.0% 🚀
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_performance_transactionSe-feae7d.ba215ab1efa3e58c36c8.js (New) 24.31kB 24.31kB 100.0% 🚀
chunks/app_views_insights_common_components_modulePageProviders_tsx-app_views_insights_common_compon-b87a42.*.js (New) 23.09kB 23.09kB 100.0% 🚀
chunks/app_views_insights_common_components_insightsLineChartWidget_tsx-app_views_insights_common_co-e35cc8.*.js 1.06kB 21.2kB 5.29% ⚠️
chunks/app_components_stories_jsxNode_tsx-app_components_stories_jsxProperty_tsx-app_views_dashboard-0b90ce.*.js 1.52kB 20.52kB 7.98% ⚠️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_utils_discover_discoverQuery_tsx-app-c5fefe.a61a822e7eacbb359cd1.js (New) 17.14kB 17.14kB 100.0% 🚀
chunks/app_views_insights_common_components_sampleDrawerHeaderTransaction_tsx-app_views_insights_com-01d269.*.js (New) 16.92kB 16.92kB 100.0% 🚀
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_gridEditable_sortLink_tsx-d372f4.ecdc7190ccc34e44e33e.js (New) 16.34kB 16.34kB 100.0% 🚀
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_performance_transactionSe-f61270.33f52b7d22f6051096bc.js (New) 13.49kB 13.49kB 100.0% 🚀
chunks/app_components_charts_lineChart_tsx-app_components_feedback_widget_us*kWidget_tsx-app_-26fc43.46dc142603380edf31f2.js (New) 12.38kB 12.38kB 100.0% 🚀
chunks/app_actionCreators_prompts_tsx-app_components_feedback_widget_us*k_tsx-app_components_-5240c4.ff448ad6918b933fbec9.js (New) 12.24kB 12.24kB 100.0% 🚀
chunks/app_views_dashboards_widgets_lineChartWidget_lineChartWidget_stories_tsx.*.js 563 bytes 11.14kB 5.32% ⚠️
chunks/vendors-node_modules_echarts_lib_component_dataZoomInside_js-node_modules_lodash_partialRight-e5351f0.*.js (New) 8.55kB 8.55kB 100.0% 🚀
chunks/vendors-node_modules_echarts_lib_component_dataZoomInside_js-node_modules_lodash_partialRight-e5351f2.*.js (New) 8.55kB 8.55kB 100.0% 🚀
chunks/vendors-node_modules_echarts_lib_component_dataZoomInside_js-node_modules_lodash_partialRight-e5351f1.*.js (New) 8.55kB 8.55kB 100.0% 🚀
chunks/vendors-node_modules_echarts_lib_component_dataZoomInside_js-node_modules_lodash_partialRight-e5351f3.*.js (New) 8.55kB 8.55kB 100.0% 🚀
chunks/vendors-node_modules_echarts_lib_component_dataZoomInside_js-node_modules_lodash_partialRight-e5351f4.*.js (New) 8.55kB 8.55kB 100.0% 🚀
chunks/app_views_settings_components_settingsNavigation_tsx.*.js 2.62kB 8.24kB 46.64% ⚠️
chunks/app_components_events_interfaces_llm-monitoring_llmMonitoringSection_tsx-app_views_dashboards-1e2b03.*.js (New) 7.85kB 7.85kB 100.0% 🚀
chunks/app_views_settings_project_projectSettingsLayout_tsx.*.js 233 bytes 3.38kB 7.42% ⚠️
chunks/app_views_settings_organization_organizationSettingsLayout_tsx.*.js 161 bytes 3.28kB 5.17% ⚠️
chunks/app_views_explore_navigation_tsx.*.js -545 bytes 3.2kB -14.57%
chunks/app_views_settings_account_accountSettingsLayout_tsx.*.js 379 bytes 2.57kB 17.31% ⚠️
chunks/app_actionCreators_discoverHomepageQueries_tsx-app_bootstrap_initializeApp_tsx-app_components-2ddc8c.*.js (Deleted) -1.36MB 0 bytes -100.0% 🗑️
chunks/app_components_breadcrumbs_tsx-app_components_feedback_widget_us*kWidget_tsx-app_utils-df50cf.bb163fc8dad69e2c57b8.js (Deleted) -57.19kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-1863a8.*.js (Deleted) -50.1kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-acb5e8.*.js (Deleted) -45.84kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_transparentLoadingMask_tsx-app_components_charts_useChartZoom_tsx-app_c-257fdd.*.js (Deleted) -43.26kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-8df13d.*.js (Deleted) -42.42kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_eventsRequest_tsx-app_components_feedback_widget_us*kWidget_tsx--64a49b.1531ee0d186b96bd11d4.js (Deleted) -37.84kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_performance_transactionSummary-51d702.a7c99ab238c603b79400.js (Deleted) -37.3kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_insights_common_components_cha-d2aaf9.acffb8fe73417fbcbca1.js (Deleted) -32.05kB 0 bytes -100.0% 🗑️
chunks/app_views_insights_browser_resources_views_resourcesLandingPage_tsx.*.js (Deleted) -28.3kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_releaseSeries_tsx-app_components_charts_transparentLoadingMask_tsx-app_-22bb6e.*.js (Deleted) -27.61kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_views_insights_uptime_views_overview-bd2aa0.0b308aa30fa15682397c.js (Deleted) -26.59kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_performance_transactionSe-feae7d.289e395b9b8417d9e302.js (Deleted) -24.31kB 0 bytes -100.0% 🗑️
chunks/app_views_insights_common_components_modulePageProviders_tsx-app_views_insights_common_compon-71cba3.*.js (Deleted) -22.58kB 0 bytes -100.0% 🗑️
chunks/app_views_insights_database_views_databaseLandingPage_tsx.*.js (Deleted) -19.16kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_utils_discover_discoverQuery_tsx-app-c5fefe.b3b1f3403f50fbc7faa7.js (Deleted) -17.14kB 0 bytes -100.0% 🗑️
chunks/app_views_insights_common_components_sampleDrawerHeaderTransaction_tsx-app_views_insights_com-028622.*.js (Deleted) -16.44kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_gridEditable_sortLink_tsx-d372f4.af660d2f5872f6ce85e9.js (Deleted) -16.34kB 0 bytes -100.0% 🗑️
chunks/app_components_feedback_widget_us*kWidget_tsx-app_components_performance_transactionSe-f61270.da677fe10f0b3e10ea9a.js (Deleted) -13.49kB 0 bytes -100.0% 🗑️
chunks/app_components_charts_lineChart_tsx-app_components_feedback_widget_us*kWidget_tsx-app_-26fc43.f71e28c66adf2926976c.js (Deleted) -12.38kB 0 bytes -100.0% 🗑️
chunks/app_actionCreators_prompts_tsx-app_components_feedback_widget_us*k_tsx-app_components_-5240c4.0751b197aca1423f9db4.js (Deleted) -12.24kB 0 bytes -100.0% 🗑️
chunks/app_components_events_interfaces_llm-monitoring_llmMonitoringSection_tsx-app_views_dashboards-501fee.*.js (Deleted) -7.47kB 0 bytes -100.0% 🗑️

Files in chunks/app_actionCreators_discoverHomepageQueries_tsx-app_bootstrap_initializeApp_tsx-app_components-9c9122.*.js:

  • ./app/components/nav/secondary.tsx → Total Size: 33.73kB

Copy link
Member Author

Choose a reason for hiding this comment

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

Not a new file, renamed settingsNavItem -> settingsNavItemDeprecated

Copy link
Member Author

Choose a reason for hiding this comment

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

Not a new file, renamed settingsNavigationGroup -> settingsNavigationGroupDeprecated

@malwilley malwilley merged commit 4cab134 into master Jan 31, 2025
42 checks passed
@malwilley malwilley deleted the malwilley/feat/nav-settings-items branch January 31, 2025 00:16
@github-actions github-actions bot locked and limited conversation to collaborators Feb 15, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Scope: Frontend Automatically applied to PRs that change frontend components
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants