add showRemove attribute to AIControl (#34677)

Automattic · Dec 15, 2023 · 300de59 · 300de59
1 parent 8f11230
commit 300de59
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/projects/js-packages/ai-client/changelog/remove-cancel-button-on-blank-ai-assistant b/projects/js-packages/ai-client/changelog/remove-cancel-button-on-blank-ai-assistant
@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+AI Client: add showRemove attribute for ai-control
diff --git a/projects/js-packages/ai-client/src/components/ai-control/index.tsx b/projects/js-packages/ai-client/src/components/ai-control/index.tsx
@@ -41,6 +41,7 @@ type AiControlProps = {
 	onStop?: () => void;
 	onAccept?: () => void;
 	onDiscard?: () => void;
+	showRemove?: boolean;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -70,6 +71,7 @@ export function AIControl(
 		onStop = noop,
 		onAccept = noop,
 		onDiscard = null,
+		showRemove = false,
 	}: AiControlProps,
 	ref: React.MutableRefObject< null > // eslint-disable-line @typescript-eslint/ban-types
 ): React.ReactElement {
@@ -188,7 +190,7 @@ export function AIControl(
 										</Button>
 									) }
 
-									{ ! editRequest && ! value?.length && onDiscard && (
+									{ showRemove && ! editRequest && ! value?.length && onDiscard && (
 										<Button
 											className="jetpack-components-ai-control__controls-prompt_button"
 											onClick={ discardHandler }

diff --git a/projects/plugins/jetpack/changelog/remove-cancel-button-on-blank-ai-assistant b/projects/plugins/jetpack/changelog/remove-cancel-button-on-blank-ai-assistant
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+AI Assistant: provide showRemove attribute for AIControl component
diff --git a/projects/plugins/jetpack/extensions/blocks/ai-assistant/edit.js b/projects/plugins/jetpack/extensions/blocks/ai-assistant/edit.js
@@ -564,6 +564,7 @@ export default function AIAssistantEdit( { attributes, setAttributes, clientId,
 					showAccept={ requestingState !== 'init' && contentIsLoaded && ! isWaitingState }
 					acceptLabel={ acceptLabel }
 					showGuideLine={ contentIsLoaded }
+					showRemove={ attributes?.content?.length > 0 }
 				/>
 
 				{ ! loadingImages && resultImages.length > 0 && (