Change Twitter reference and logo in the post edit sidebar

Yoast · Mar 21, 2024 · 83b17c4 · 83b17c4
1 parent f930ad7
commit 83b17c4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/css/src/metabox.css b/css/src/metabox.css
diff --git a/packages/js/images/x-logo.svg b/packages/js/images/x-logo.svg
diff --git a/packages/js/src/components/PostPublish.js b/packages/js/src/components/PostPublish.js
@@ -2,7 +2,7 @@ import PropTypes from "prop-types";
 import { __ } from "@wordpress/i18n";
 import { Fragment } from "@wordpress/element";
 import { ReactComponent as FacebookIcon } from "../../images/icon-facebook.svg";
-import { ReactComponent as TwitterIcon } from "../../images/icon-twitter.svg";
+import { ReactComponent as TwitterIcon } from "../../images/x-logo.svg";
 
 /**
  * Renders the PostPublish Yoast integration.
@@ -30,9 +30,9 @@ export default function PostPublish( { permalink } ) {
 				</a>
 			</li>
 			<li>
-				<a href={ "https://twitter.com/share?url=" + encodedUrl } target="_blank" rel="noopener noreferrer">
+				<a href={ "https://twitter.com/share?url=" + encodedUrl } target="_blank" rel="noopener noreferrer" class="x-share">
 					<TwitterIcon />
-					{ __( "Twitter", "wordpress-seo" ) }
+					{ __( "X", "wordpress-seo" ) }
 					<span className="screen-reader-text">
 						{
 							/* translators: Hidden accessibility text. */