Help component: Avoid rendering link without text

A conditional has been created to check that s link has text associated with it before rendering.
WordPress · Nov 2, 2022 · 8ee995c · 8ee995c
1 parent 79ea8b5
commit 8ee995c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/components/src/help-text/index.native.js b/packages/components/src/help-text/index.native.js
@@ -27,6 +27,8 @@ const HelpText = ( { moreLinkText, children, url, separatorType } ) => {
 		styles[ 'help-text__separator--dark' ]
 	);
 
+	const hasMoreLink = url && moreLinkText;
+
 	return (
 		<>
 			{ separatorType === 'topFullWidth' && (
@@ -46,8 +48,8 @@ const HelpText = ( { moreLinkText, children, url, separatorType } ) => {
 					style={ styles[ 'help-text__text' ] }
 				>
 					{ children }
-					{ children && url && ' ' }
-					{ url && (
+					{ children && hasMoreLink && ' ' }
+					{ hasMoreLink && (
 						<ExternalLink href={ url }>
 							{ moreLinkText }
 						</ExternalLink>