From 02365037882e05ed89f5804edef9436b5b398f53 Mon Sep 17 00:00:00 2001
From: Norman Pracht - Webmecanik <npr@webmecanik.com>
Date: Mon, 29 Jan 2024 14:09:24 +0100
Subject: [PATCH] [ADD] x to Social Element list

---
 packages/mjml-social/README.md            | 6 +++++-
 packages/mjml-social/src/SocialElement.js | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/mjml-social/README.md b/packages/mjml-social/README.md
index 63874f284..1cfd8f4db 100644
--- a/packages/mjml-social/README.md
+++ b/packages/mjml-social/README.md
@@ -18,9 +18,12 @@ Displays calls-to-action for various social networks with their associated logo.
           <mj-social-element name="google" href="https://mjml.io/">
             Google
           </mj-social-element>
-          <mj-social-element  name="twitter" href="https://mjml.io/">
+          <mj-social-element name="twitter" href="https://mjml.io/">
             Twitter
           </mj-social-element>
+          <mj-social-element name="x" href="https://mjml.io/">
+            X
+          </mj-social-element>
         </mj-social>
       </mj-column>
     </mj-section>
@@ -106,6 +109,7 @@ vertical-align              | string      | top/middle/bottom             | midd
 Supported networks with a share url:
 - facebook
 - twitter
+- x
 - google
 - pinterest
 - linkedin
diff --git a/packages/mjml-social/src/SocialElement.js b/packages/mjml-social/src/SocialElement.js
index 0050f8526..e39f61a44 100644
--- a/packages/mjml-social/src/SocialElement.js
+++ b/packages/mjml-social/src/SocialElement.js
@@ -14,6 +14,11 @@ const defaultSocialNetworks = {
     'background-color': '#55acee',
     src: `${IMG_BASE_URL}twitter.png`,
   },
+  x: {
+    'share-url': 'https://twitter.com/intent/tweet?url=[[URL]]',
+    'background-color': '#000000',
+    src: `${IMG_BASE_URL}twitter-x.png`,
+  },
   google: {
     'share-url': 'https://plus.google.com/share?url=[[URL]]',
     'background-color': '#dc4e41',