Hide alt if isRepeat is true

When isRepeated is true, the image is a background so it does not make sense to have an alt attribute.
woocommerce · May 2, 2022 · 8ff17a4 · 8ff17a4
1 parent abc297a
commit 8ff17a4
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/assets/js/blocks/featured-product/block.js b/assets/js/blocks/featured-product/block.js
@@ -378,30 +378,32 @@ const FeaturedProduct = ( {
 											} )
 										}
 									/>
-									<TextareaControl
-										label={ __(
-											'Alt text (alternative text)',
-											'woo-gutenberg-products-block'
-										) }
-										value={ attributes.alt }
-										onChange={ ( alt ) => {
-											setAttributes( { alt } );
-										} }
-										help={
-											<>
-												<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+									{ ! isRepeated && (
+										<TextareaControl
+											label={ __(
+												'Alt text (alternative text)',
+												'woo-gutenberg-products-block'
+											) }
+											value={ attributes.alt }
+											onChange={ ( alt ) => {
+												setAttributes( { alt } );
+											} }
+											help={
+												<>
+													<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+														{ __(
+															'Describe the purpose of the image',
+															'woo-gutenberg-products-block'
+														) }
+													</ExternalLink>
 													{ __(
-														'Describe the purpose of the image',
+														'Leaving it empty will use the product name.',
 														'woo-gutenberg-products-block'
 													) }
-												</ExternalLink>
-												{ __(
-													'Leaving it empty will use the product name.',
-													'woo-gutenberg-products-block'
-												) }
-											</>
-										}
-									/>
+												</>
+											}
+										/>
+									) }
 								</PanelBody>
 							) }
 							<PanelColorGradientSettings