From 2c0a2e19470461c194b097d272f9fef8dcf15ede Mon Sep 17 00:00:00 2001
From: Kev <kevin.zoschke@automattic.com>
Date: Wed, 10 Nov 2021 16:07:09 -0500
Subject: [PATCH] Jetpack mobile navigation: make sure correct dropdown item is
 selected (#21695)

---
 projects/plugins/jetpack/_inc/client/admin.js                | 5 +++++
 .../changelog/fix-recommendation-nav-item-not-selected       | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 projects/plugins/jetpack/changelog/fix-recommendation-nav-item-not-selected

diff --git a/projects/plugins/jetpack/_inc/client/admin.js b/projects/plugins/jetpack/_inc/client/admin.js
index 248b5af7a62a0..3ccc91ee3be8b 100644
--- a/projects/plugins/jetpack/_inc/client/admin.js
+++ b/projects/plugins/jetpack/_inc/client/admin.js
@@ -59,6 +59,9 @@ function render() {
 						<Route path="/plans">
 							<Main routeName={ getRouteName( '/plans' ) } />
 						</Route>
+						<Route path="/recommendations">
+							<Main routeName={ getRouteName( '/recommendations' ) } />
+						</Route>
 						<Route path="/plans-prompt">
 							<Main routeName={ getRouteName( '/plans-prompt' ) } />
 						</Route>
@@ -113,6 +116,8 @@ export function getRouteName( path ) {
 			return _x( 'My Plan', 'Navigation item.', 'jetpack' );
 		case '/plans':
 			return _x( 'Plans', 'Navigation item.', 'jetpack' );
+		case '/recommendations':
+			return _x( 'Recommendations', 'Navigation item.', 'jetpack' );
 		case '/plans-prompt':
 			return _x( 'Plans', 'Navigation item.', 'jetpack' );
 		case '/settings':
diff --git a/projects/plugins/jetpack/changelog/fix-recommendation-nav-item-not-selected b/projects/plugins/jetpack/changelog/fix-recommendation-nav-item-not-selected
new file mode 100644
index 0000000000000..a8cff7f8c061b
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/fix-recommendation-nav-item-not-selected
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Navigation: make sure correct dropdown item is selected when visiting Recommendation section on mobile