Computes the usingFallback prop value to be used by ImageSelect compo…

…nent
Yoast · Jan 15, 2025 · c3250c1 · c3250c1
1 parent caeb780
commit c3250c1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/social-metadata-forms/src/SocialMetadataPreviewForm.js b/packages/social-metadata-forms/src/SocialMetadataPreviewForm.js
@@ -218,6 +218,7 @@ class SocialMetadataPreviewForm extends Component {
 			recommendedReplacementVariables,
 			imageWarnings,
 			imageUrl,
+			imageFallbackUrl,
 			imageAltText,
 			idSuffix,
 		} = this.props;
@@ -243,6 +244,7 @@ class SocialMetadataPreviewForm extends Component {
 					isActive={ activeField === "image" }
 					isHovered={ hoveredField === "image" }
 					imageUrl={ imageUrl }
+					usingFallback={ ! imageUrl && imageFallbackUrl !== "" }
 					imageAltText={ imageAltText }
 					hasPreview={ ! isPremium }
 					imageUrlInputId={ join( [ lowerCaseSocialMediumName, "url-input", idSuffix ] ) }
@@ -311,6 +313,7 @@ SocialMetadataPreviewForm.propTypes = {
 	recommendedReplacementVariables: PropTypes.arrayOf( PropTypes.string ),
 	imageWarnings: PropTypes.array,
 	imageUrl: PropTypes.string,
+	imageFallbackUrl: PropTypes.string,
 	imageAltText: PropTypes.string,
 	titleInputPlaceholder: PropTypes.string,
 	descriptionInputPlaceholder: PropTypes.string,
@@ -328,6 +331,7 @@ SocialMetadataPreviewForm.defaultProps = {
 	onSelect: () => {},
 	onReplacementVariableSearchChange: null,
 	imageUrl: "",
+	imageFallbackUrl: "",
 	imageAltText: "",
 	titleInputPlaceholder: "",
 	descriptionInputPlaceholder: "",