Remove all arrow keys.

Author: jkguidaven

client/a8c-for-agencies/components/a4a-request-wp-admin-access/index.tsx

@@ -35,7 +35,7 @@ export function A4ARequestWPAdminAccess() {
 					className="a4a-request-wp-admin-access__learn-more-button"
 					onClick={ onLearnMoreClick }
 				>
-					{ translate( 'Learn more about team member permissions ↗' ) }
+					{ translate( 'Learn more about team member permissions' ) }
 				</Button>
 			</div>
 			<div className="a4a-request-wp-admin-access__illustration">

client/a8c-for-agencies/sections/partner-directory/dashboard/index.tsx

@@ -214,27 +214,27 @@ const PartnerDirectoryDashboard = () => {
 			className="partner-directory-dashboard__learn-more-section"
 			heading={ translate( 'Learn more about the program' ) }
 		>
-			<ExternalLink
-				href="#"
+			<Button
+				variant="link"
 				onClick={ () =>
 					showSupportGuide(
 						'https://agencieshelp.automattic.com/knowledge-base/agency-directory-listings'
 					)
 				}
 			>
 				{ translate( 'How does the approval process work?' ) }
-			</ExternalLink>
+			</Button>
 			<br />
-			<ExternalLink
-				href="#"
+			<Button
+				variant="link"
 				onClick={ () =>
 					showSupportGuide(
 						'https://agencieshelp.automattic.com/knowledge-base/agency-directory-listings/#profile-content'
 					)
 				}
 			>
 				{ translate( 'What can I put on my public profile?' ) }
-			</ExternalLink>
+			</Button>
 		</StepSection>
 	);
 

client/a8c-for-agencies/sections/referrals/consolidated-view/index.tsx

@@ -1,4 +1,5 @@
 import { formatCurrency } from '@automattic/number-formatters';
+import { Button } from '@wordpress/components';
 import { useTranslate } from 'i18n-calypso';
 import {
 	ConsolidatedStatsCard,
@@ -32,14 +33,13 @@ export default function ConsolidatedViews( { referrals, totalPayouts }: Consolid
 					popoverTitle={ translate( 'Total payouts' ) }
 					popoverContent={ translate(
 						'The exact amount your agency has been paid out for referrals.' +
-							'{{br/}}{{br/}}{{a}}Learn more{{/a}} ↗',
+							'{{br/}}{{br/}}{{a}}Learn more{{/a}}',
 						{
 							components: {
 								a: (
-									// eslint-disable-next-line jsx-a11y/anchor-is-valid
-									<a
+									<Button
+										variant="link"
 										onClick={ () => showSupportGuide( AGENCY_EARNINGS_LEARN_MORE_LINK ) }
-										href="#"
 									/>
 								),
 								br: <br />,
@@ -59,12 +59,14 @@ export default function ConsolidatedViews( { referrals, totalPayouts }: Consolid
 				popoverTitle={ translate( 'Pending orders' ) }
 				popoverContent={ translate(
 					'These are the number of pending referrals (unpaid carts). ' +
-						'{{br/}}{{br/}}{{a}}Learn more{{/a}} ↗',
+						'{{br/}}{{br/}}{{a}}Learn more{{/a}}',
 					{
 						components: {
 							a: (
-								// eslint-disable-next-line jsx-a11y/anchor-is-valid
-								<a onClick={ () => showSupportGuide( AGENCY_EARNINGS_LEARN_MORE_LINK ) } href="#" />
+								<Button
+									variant="link"
+									onClick={ () => showSupportGuide( AGENCY_EARNINGS_LEARN_MORE_LINK ) }
+								/>
 							),
 							br: <br />,
 						},

client/a8c-for-agencies/sections/referrals/consolidated-view/payout-cards.tsx

@@ -74,7 +74,7 @@ function PayoutAmount( {
 							onClick={ () => showSupportGuide( AGENCY_EARNINGS_LEARN_MORE_LINK ) }
 							variant="link"
 						>
-							{ translate( 'Learn more' ) } ↗
+							{ translate( 'Learn more' ) }
 						</Button>
 					</div>
 				</div>

client/a8c-for-agencies/sections/team/primary/get-started/index.tsx

@@ -96,7 +96,7 @@ export default function GetStarted() {
 						variant="link"
 						onClick={ onLearnMoreClick }
 					>
-						{ translate( 'Team members Knowledge Base article ↗' ) }
+						{ translate( 'Team members Knowledge Base article' ) }
 					</Button>
 					<br />
 				</StepSection>

client/a8c-for-agencies/sections/woopayments/dashboard-content/consolidated-views.tsx

@@ -1,4 +1,5 @@
 import { formatCurrency } from '@automattic/number-formatters';
+import { Button } from '@wordpress/components';
 import { useTranslate } from 'i18n-calypso';
 import {
 	ConsolidatedStatsCard,
@@ -27,18 +28,17 @@ const WooPaymentsConsolidatedViews = () => {
 				popoverTitle={ translate( 'Total WooPayments commissions paid' ) }
 				popoverContent={ translate(
 					'The total amount of transactions processed through WooPayments across all your client sites. ' +
-						'{{br/}}{{br/}}{{a}}Learn more{{/a}} ↗',
+						'{{br/}}{{br/}}{{a}}Learn more{{/a}}',
 					{
 						components: {
 							a: (
-								// eslint-disable-next-line jsx-a11y/anchor-is-valid
-								<a
+								<Button
+									variant="link"
 									onClick={ () =>
 										showSupportGuide(
 											'https://agencieshelp.automattic.com/knowledge-base/earn-revenue-share-when-clients-use-woopayments/'
 										)
 									}
-									href="#"
 								/>
 							),
 							br: <br />,

client/a8c-for-agencies/sections/woopayments/primary/woopayments-dashboard/empty-state.tsx

@@ -1,4 +1,4 @@
-import { ExternalLink } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { useTranslate } from 'i18n-calypso';
 import StepSection from 'calypso/a8c-for-agencies/components/step-section';
 import StepSectionItem from 'calypso/a8c-for-agencies/components/step-section-item';
@@ -37,7 +37,8 @@ const WooPaymentsDashboardEmptyState = () => {
 				</StepSectionItem>
 			</StepSection>
 			<StepSection heading={ translate( 'Learn more about the program' ) }>
-				<ExternalLink
+				<Button
+					variant="link"
 					onClick={ () => {
 						dispatch(
 							recordTracksEvent( 'calypso_a4a_woopayments_learn_more_about_program_click' )
@@ -46,10 +47,9 @@ const WooPaymentsDashboardEmptyState = () => {
 							'https://agencieshelp.automattic.com/knowledge-base/earn-revenue-share-when-clients-use-woopayments/'
 						);
 					} }
-					href="#"
 				>
 					{ translate( 'Check out the full details in the Knowledge Base' ) }
-				</ExternalLink>
+				</Button>
 			</StepSection>
 		</div>
 	);

client/a8c-for-agencies/sections/woopayments/primary/woopayments-overview/index.tsx

@@ -1,6 +1,6 @@
 import page from '@automattic/calypso-router';
 import { formatCurrency } from '@automattic/number-formatters';
-import { Button, ExternalLink } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { useTranslate } from 'i18n-calypso';
 import { useMemo, useCallback } from 'react';
 import { CONTACT_URL_HASH_FRAGMENT_WITH_PRODUCT } from 'calypso/a8c-for-agencies/components/a4a-contact-support-widget';
@@ -243,17 +243,17 @@ const WooPaymentsOverview = () => {
 	);
 
 	const seeFullTermsLink = (
-		<ExternalLink
+		<Button
+			variant="link"
 			onClick={ () => {
 				dispatch( recordTracksEvent( 'calypso_a4a_woopayments_see_full_terms_click' ) );
 				showSupportGuide(
 					'https://agencieshelp.automattic.com/knowledge-base/earn-revenue-share-when-clients-use-woopayments/'
 				);
 			} }
-			href="#"
 		>
 			{ translate( 'See full terms' ) }
-		</ExternalLink>
+		</Button>
 	);
 
 	return (