AI Assistant: Remove Breve highlight popover when feature is disabled (…

…#38814) * remove highlight popover on feature disable * changelog
Automattic · Aug 12, 2024 · 3383165 · 3383165
1 parent 310bff2
commit 3383165
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/projects/plugins/jetpack/changelog/fix-jetpack-ai-breve-remove-popover-on-disable b/projects/plugins/jetpack/changelog/fix-jetpack-ai-breve-remove-popover-on-disable
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+AI Assistant: Remove Breve highlight popover when feature is disabled
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.js b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.js
@@ -35,7 +35,8 @@ export const useInit = init => {
 
 const Controls = ( { blocks, disabledFeatures } ) => {
 	const [ gradeLevel, setGradeLevel ] = useState( null );
-	const { toggleFeature, toggleProofread } = useDispatch( 'jetpack/ai-breve' );
+	const { toggleFeature, toggleProofread, setPopoverHover, setHighlightHover, setPopoverAnchor } =
+		useDispatch( 'jetpack/ai-breve' );
 	const { tracks } = useAnalytics();
 
 	const isProofreadEnabled = useSelect(
@@ -82,6 +83,19 @@ const Controls = ( { blocks, disabledFeatures } ) => {
 	// Update the grade level immediately on first load.
 	useInit( updateGradeLevel );
 
+	// Disable the popover when proofread or a feature is disabled.
+	useEffect( () => {
+		setPopoverHover( false );
+		setHighlightHover( false );
+		setPopoverAnchor( { target: null, virtual: null } );
+	}, [
+		setPopoverHover,
+		setHighlightHover,
+		setPopoverAnchor,
+		isProofreadEnabled,
+		disabledFeatures,
+	] );
+
 	return (
 		<div className="jetpack-ai-proofread">
 			<p> { __( 'Improve your writing with AI.', 'jetpack' ) }</p>