Reset outbound link highlights when switching between source posts

Author: alecgeatches

build/content-helper/dashboard-page.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => 'd32bef74f4fde0b9ec6b');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '2bf214d8db4f3289591c');

build/content-helper/dashboard-page.js

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { Button } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { useEffect, useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 
@@ -67,6 +67,7 @@ export const LinkCounter = ( {
 		smart: 0,
 	} );
 
+	const storePreviewLinkType = useSelect( ( select ) => select( TrafficBoostStore ).getPreviewLinkType(), [] );
 	const { setPreviewLinkType } = useDispatch( TrafficBoostStore );
 
 	useEffect( () => {
@@ -108,6 +109,17 @@ export const LinkCounter = ( {
 		setPreviewLinkType( initialSelectedLinkType );
 	}, [ initialSelectedLinkType, setPreviewLinkType ] );
 
+	/**
+	 * Updates the selected link type when changed externally via the store.
+	 *
+	 * @since 3.20.1
+	 */
+	useEffect( () => {
+		if ( storePreviewLinkType !== selectedLinkType ) {
+			setSelectedLinkType( storePreviewLinkType );
+		}
+	}, [ selectedLinkType, storePreviewLinkType ] );
+
 	/**
 	 * Handles click events on link type buttons.
 	 *

src/content-helper/dashboard-page/pages/traffic-boost/preview/components/link-counter.tsx

@@ -94,6 +94,7 @@ export const TrafficBoostPreview = ( {
 		setSelectedTab,
 		setIsAccepting,
 		setIsRemoving,
+		setPreviewLinkType,
 	} = useDispatch( TrafficBoostStore );
 
 	/**
@@ -115,7 +116,8 @@ export const TrafficBoostPreview = ( {
 		setActivePost( activeLink.targetPost );
 		setIsInboundLink( ! activeLink.isSuggestion );
 		setSelectedText( null );
-	}, [ activeLink ] );
+		setPreviewLinkType( null );
+	}, [ activeLink, setPreviewLinkType ] );
 
 	/**
 	 * Sets the total items and item index based on the active link.