Jetpack AI: change image modals placeholders (#40504)

* cleanup * change placeholders on image generation modals
Automattic · Dec 6, 2024 · b04da38 · b04da38
1 parent 549c75c
commit b04da38
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/projects/plugins/jetpack/changelog/change-jetpack-ai-image=modals-placeholders b/projects/plugins/jetpack/changelog/change-jetpack-ai-image=modals-placeholders
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Jetpack AI: change placeholders on image generation modals to try and improve styles discoverability
diff --git a/.../extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx b/.../extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx
@@ -182,8 +182,6 @@ export default function AiImageModal( {
 										value={ style }
 										options={ styles }
 										onChange={ updateStyle }
-										// TODO: disable when necessary
-										// disabled={ isBusy || requireUpgrade }
 									/>
 								</div>
 							</div>

diff --git a/...ins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/featured-image.tsx b/...ins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/featured-image.tsx
@@ -409,7 +409,7 @@ export default function FeaturedImage( {
 				acceptButton={ acceptButton }
 				generateButtonLabel={ pointer?.current > 0 ? generateAgainText : generateText }
 				instructionsPlaceholder={ __(
-					"Describe the image you'd like to create, or have the prompt written for you if you've added content to your post.",
+					"Describe the featured image you'd like to create and select a style.",
 					'jetpack'
 				) }
 				imageStyles={ imageStyles }

diff --git a/...pack/extensions/plugins/ai-assistant-plugin/components/ai-image/general-purpose-image.tsx b/...pack/extensions/plugins/ai-assistant-plugin/components/ai-image/general-purpose-image.tsx
@@ -278,7 +278,10 @@ export default function GeneralPurposeImage( {
 			handleNextImage={ handleNextImage }
 			acceptButton={ acceptButton }
 			generateButtonLabel={ pointer?.current > 0 ? generateAgainText : generateText }
-			instructionsPlaceholder={ __( "Describe the image you'd like to create.", 'jetpack' ) }
+			instructionsPlaceholder={ __(
+				"Describe the image you'd like to create and select a style.",
+				'jetpack'
+			) }
 			imageStyles={ imageStyles }
 			onGuessStyle={ guessStyle }
 			prompt={ prompt }