add learn more link

Yoast · Nov 13, 2024 · 9168bcb · 9168bcb
1 parent 6061d8f
commit 9168bcb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/js/src/components/SEMrushRelatedKeyphrasesModal.js b/packages/js/src/components/SEMrushRelatedKeyphrasesModal.js
@@ -153,7 +153,7 @@ class SEMrushRelatedKeyphrasesModal extends Component {
 	 * @returns {wp.Element} The RelatedKeyPhrasesModal modal component.
 	 */
 	render() {
-		const { keyphrase, location, whichModalOpen, isLoggedIn, onClose, countryCode, isRtl } = this.props;
+		const { keyphrase, location, whichModalOpen, isLoggedIn, onClose, countryCode, isRtl, learnMoreLink } = this.props;
 
 		const insightsLink = "https://www.semrush.com/analytics/keywordoverview/?q=" + encodeURIComponent( keyphrase ) +
 			"&db=" + encodeURIComponent( countryCode );
@@ -174,7 +174,7 @@ class SEMrushRelatedKeyphrasesModal extends Component {
 						isOpen={ Boolean( keyphrase ) && whichModalOpen === location }
 						onClose={ onClose }
 						insightsLink={ insightsLink }
-						learnMoreLink={ "https://learnmore.semrush.com/" }
+						learnMoreLink={ learnMoreLink }
 					>
 
 						<Slot name="YoastRelatedKeyphrases" />
@@ -218,6 +218,7 @@ SEMrushRelatedKeyphrasesModal.propTypes = {
 	onClose: PropTypes.func.isRequired,
 	onAuthentication: PropTypes.func.isRequired,
 	countryCode: PropTypes.string,
+	learnMoreLink: PropTypes.string,
 	isRtl: PropTypes.bool,
 };
 
@@ -227,6 +228,7 @@ SEMrushRelatedKeyphrasesModal.defaultProps = {
 	whichModalOpen: "none",
 	isLoggedIn: false,
 	countryCode: "en_US",
+	learnMoreLink: "",
 	isRtl: false,
 };
 

diff --git a/packages/js/src/containers/SEMrushRelatedKeyphrasesModal.js b/packages/js/src/containers/SEMrushRelatedKeyphrasesModal.js
@@ -1,4 +1,5 @@
 import { withDispatch, withSelect } from "@wordpress/data";
+import { addQueryArgs } from "@wordpress/url";
 import { compose } from "@wordpress/compose";
 import SEMrushRelatedKeyphrasesModal from "../components/SEMrushRelatedKeyphrasesModal";
 
@@ -9,13 +10,15 @@ export default compose( [
 			getSEMrushLoginStatus,
 			getSEMrushSelectedCountry,
 			getPreference,
+			selectLinkParams,
 		} = select( "yoast-seo/editor" );
 
 		return {
 			whichModalOpen: getSEMrushModalOpen(),
 			isLoggedIn: getSEMrushLoginStatus(),
 			countryCode: getSEMrushSelectedCountry(),
 			isRtl: getPreference( "isRtl", false ),
+			learnMoreLink: addQueryArgs( "https://yoast.com/help/volume-trend-related-keyphrases/", selectLinkParams() ),
 		};
 	} ),
 	withDispatch( ( dispatch ) => {