Only show Jetpack features if they exist (#96987)

Automattic · Dec 5, 2024 · b32cfb3 · b32cfb3
1 parent 6863ba0
commit b32cfb3
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/client/blocks/importer/wordpress/upgrade-plan/upgrade-plan-feature-list.tsx b/client/blocks/importer/wordpress/upgrade-plan/upgrade-plan-feature-list.tsx
@@ -72,21 +72,25 @@ export const UpgradePlanFeatureList = ( props: Props ) => {
 						</li>
 					) ) }
 
-					<li className={ clsx( 'import__upgrade-plan-feature logo' ) }>
-						<JetpackLogo size={ 16 } />
-					</li>
-					{ jetpackFeatures?.map( ( feature, i ) => (
-						<li className={ clsx( 'import__upgrade-plan-feature' ) } key={ i }>
-							<Plans2023Tooltip
-								id={ `jetpack-feature-${ i }` }
-								text={ feature?.getDescription?.() }
-								setActiveTooltipId={ setActiveTooltipId }
-								activeTooltipId={ activeTooltipId }
-							>
-								<span>{ feature?.getTitle() }</span>
-							</Plans2023Tooltip>
-						</li>
-					) ) }
+					{ jetpackFeatures && jetpackFeatures.length > 0 && (
+						<>
+							<li className={ clsx( 'import__upgrade-plan-feature logo' ) }>
+								<JetpackLogo size={ 16 } />
+							</li>
+							{ jetpackFeatures?.map( ( feature, i ) => (
+								<li className={ clsx( 'import__upgrade-plan-feature' ) } key={ i }>
+									<Plans2023Tooltip
+										id={ `jetpack-feature-${ i }` }
+										text={ feature?.getDescription?.() }
+										setActiveTooltipId={ setActiveTooltipId }
+										activeTooltipId={ activeTooltipId }
+									>
+										<span>{ feature?.getTitle() }</span>
+									</Plans2023Tooltip>
+								</li>
+							) ) }
+						</>
+					) }
 					<li className={ clsx( 'import__upgrade-plan-feature logo' ) }>
 						<strong>{ __( 'Storage' ) }</strong>
 					</li>