Make link block and element more general

Automattic · Oct 19, 2024 · 24a4c7d · 24a4c7d
1 parent 2cf81f3
commit 24a4c7d
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 7 deletions.
diff --git a/src/block/blocks/link/edit.tsx b/src/block/blocks/link/edit.tsx
@@ -22,7 +22,6 @@ export default function Edit( { attributes }: BlockEditProps< Attrs > ) {
 			target="_blank"
 		>
 			<span>{ text }</span>
-			<span>&#8594;</span>
 		</a>
 	);
 }
diff --git a/src/block/edit.tsx b/src/block/edit.tsx
@@ -279,7 +279,7 @@ export default function Edit( { attributes, setAttributes, clientId }: BlockEdit
 				getBlockTempate( BlockNames.LINK, KnownElemNames.VIEW_PROFILE, {
 					className: 'gravatar-block-link--align-right',
 					linkUrl: profile_url,
-					text: __( 'View profile', 'gravatar-enhanced' ),
+					text: __( 'View profile →', 'gravatar-enhanced' ),
 				} );
 
 			return [

diff --git a/src/block/elements/get-link.ts b/src/block/elements/get-link.ts
@@ -11,7 +11,6 @@ export default function getLink( { linkUrl, text, className }: Props ): string {
 			target="_blank"
 		>
 			<span>${ text }</span>
-			<span>&#8594;</span>
 		</a>
 	`;
 }
diff --git a/src/block/shared.scss b/src/block/shared.scss
@@ -103,9 +103,6 @@ div.wp-block-gravatar-block.gravatar-block {
     }
 
     .gravatar-block-link {
-        display: flex;
-        align-items: center;
-        gap: 4px;
         color: $color-gray;
 
         &.gravatar-block-link--align-right {

diff --git a/src/block/view.ts b/src/block/view.ts
@@ -162,7 +162,7 @@ document.addEventListener( 'DOMContentLoaded', () => {
 				getElement( BlockNames.LINK, KnownElemNames.VIEW_PROFILE, {
 					className: 'gravatar-block-link--align-right',
 					linkUrl: profile_url,
-					text: __( 'View profile', 'gravatar-enhanced' ),
+					text: __( 'View profile →', 'gravatar-enhanced' ),
 				} );
 
 			return `