use selectLink instead

Yoast · Jan 22, 2025 · f638163 · f638163
1 parent 5cecae5
commit f638163
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/packages/js/src/initializers/settings-store.js b/packages/js/src/initializers/settings-store.js
@@ -4,7 +4,7 @@ import { get } from "lodash";
 import * as controls from "../redux/controls/dismissedAlerts";
 
 const { currentPromotions, dismissedAlerts, isPremium, linkParams  } = reducers;
-const { isAlertDismissed, getIsPremium, isPromotionActive, selectLinkParams } = selectors;
+const { isAlertDismissed, getIsPremium, isPromotionActive, selectLinkParams, selectLink } = selectors;
 const { dismissAlert, setCurrentPromotions, setDismissedAlerts, setLinkParams, setIsPremium } = actions;
 
 /**
@@ -39,6 +39,7 @@ export default function initSettingsStore() {
 			getIsPremium,
 			isPromotionActive,
 			selectLinkParams,
+			selectLink,
 		},
 		actions: {
 			dismissAlert,

diff --git a/packages/js/src/integrations-page/simple-integration.js b/packages/js/src/integrations-page/simple-integration.js
@@ -6,7 +6,6 @@ import { PropTypes } from "prop-types";
 import { LockOpenIcon } from "@heroicons/react/outline";
 import { getIsFreeIntegrationOrPremiumAvailable } from "./helper";
 import { useSelect } from "@wordpress/data";
-import { addQueryArgs } from "@wordpress/url";
 
 /* eslint-disable complexity */
 /**
@@ -21,9 +20,8 @@ import { addQueryArgs } from "@wordpress/url";
 export const SimpleIntegration = ( { integration, isActive, children } ) => {
 	const IntegrationLogo = integration.logo;
 
-	const linkParams = useSelect( select => select( "yoast-seo/settings" ).selectLinkParams(), [] );
-	const learnMoreLink = addQueryArgs( integration.learnMoreLink, linkParams );
-	const logoLink = addQueryArgs( integration.logoLink, linkParams );
+	const learnMoreLink = useSelect( select => select( "yoast-seo/settings" ).selectLink( integration.learnMoreLink ), [] );
+	const logoLink = useSelect( select => select( "yoast-seo/settings" ).selectLink( integration.logoLink ), [] );
 
 	return (
 		<Card>