my-jetpack: restore redirectUri prop to connection component

Automattic · Jan 28, 2022 · 6f2dabc · 6f2dabc
1 parent 9ba4e01
commit 6f2dabc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/projects/packages/my-jetpack/_inc/components/connections-section/index.jsx b/projects/packages/my-jetpack/_inc/components/connections-section/index.jsx
@@ -1,17 +1,18 @@
-/* global myJetpackRest */
 /**
  * External dependencies
  */
 import React from 'react';
 import { ConnectionStatusCard } from '@automattic/jetpack-connection';
+import useMyJetpackConnection from '../../hooks/use-my-jetpack-connection';
 
 /**
  * Plan section component.
  *
  * @returns {object} ConnectionsSection React component.
  */
 export default function ConnectionsSection() {
+	const { apiRoot, apiNonce, redirectUrl } = useMyJetpackConnection();
 	return (
-		<ConnectionStatusCard apiRoot={ myJetpackRest.apiRoot } apiNonce={ myJetpackRest.apiNonce } />
+		<ConnectionStatusCard apiRoot={ apiRoot } apiNonce={ apiNonce } redirectUri={ redirectUrl } />
 	);
 }
diff --git a/projects/packages/my-jetpack/_inc/hooks/use-my-jetpack-connection/index.js b/projects/packages/my-jetpack/_inc/hooks/use-my-jetpack-connection/index.js
@@ -48,6 +48,8 @@ export default function useMyJetpackConnection( options = { redirect: false } )
 	}, [ isSiteConnected, redirect, topJetpackMenuItemUrl ] );
 
 	return {
+		apiNonce,
+		apiRoot,
 		...connectionData,
 		isSiteConnected,
 		redirectUrl: topJetpackMenuItemUrl,