Minor - Share widget: Adding X social media and updating Twitter logo (…

…#9734)
wet-boew · May 15, 2024 · 4df2b3e · 4df2b3e
1 parent 37c1307
commit 4df2b3e
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 1 deletion.
diff --git a/src/plugins/share/share-en.hbs b/src/plugins/share/share-en.hbs
@@ -127,3 +127,25 @@
 		</section>
 	</details>
 </section>
+
+<section>
+	<h2>With X instead of Twitter</h2>
+
+	<div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "x"], "pnlId": "pnl5a"}'></div>
+
+	<details>
+		<summary>View code</summary>
+		<pre class="wb-prettify"><code>&lt;div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "x"], "pnlId": "pnl5a"}'&gt;&lt;/div&gt;</code></pre>
+	</details>
+</section>
+
+<section>
+	<h2>When X and Twitter are defined</h2>
+	<p>When X and Twitter are both configured, only X will be displayed.</p>
+	<div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "twitter", "x"], "pnlId": "pnl5b"}'></div>
+
+	<details>
+		<summary>View code</summary>
+		<pre class="wb-prettify"><code>&lt;div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "twitter", "x"], "pnlId": "pnl5b"}'>&lt;/div></code></pre>
+	</details>
+</section>
diff --git a/src/plugins/share/share-fr.hbs b/src/plugins/share/share-fr.hbs
@@ -126,3 +126,25 @@
 		</section>
 	</details>
 </section>
+
+<section>
+	<h2>Avec X au lieu de Twitter</h2>
+
+	<div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "x"], "pnlId": "pnl5a"}'></div>
+
+	<details>
+		<summary>Visualiser le code</summary>
+		<pre class="wb-prettify"><code>&lt;div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "x"], "pnlId": "pnl5a"}'&gt;&lt;/div&gt;</code></pre>
+	</details>
+</section>
+
+<section>
+	<h2>Lorsque X et Twitter sont définis</h2>
+	<p>Lorsque X et Twitter sont tous deux configurés, seul X sera affiché.</p>
+	<div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "twitter", "x"], "pnlId": "pnl5b"}'></div>
+
+	<details>
+		<summary>Visualiser le code</summary>
+		<pre class="wb-prettify"><code>&lt;div class="wb-share" data-wb-share='{"filter": ["email", "facebook", "linkedin", "twitter", "x"], "pnlId": "pnl5b"}'>&lt;/div></code></pre>
+	</details>
+</section>
diff --git a/src/plugins/share/share.js b/src/plugins/share/share.js
@@ -94,7 +94,11 @@ var componentName = "wb-share",
 				url: "https://www.tumblr.com/share/link?url={u}&amp;name={t}&amp;description={d}"
 			},
 			twitter: {
-				name: "Twitter",
+				name: "X",
+				url: "https://twitter.com/intent/tweet?text={t}&url={u}"
+			},
+			x: {
+				name: "X",
 				url: "https://twitter.com/intent/tweet?text={t}&url={u}"
 			},
 			yahoomail: {
@@ -192,6 +196,14 @@ var componentName = "wb-share",
 				keys.sort( function( x, y ) {
 					return wb.normalizeDiacritics( x ).localeCompare( wb.normalizeDiacritics( y ) );
 				} );
+
+				// If Twitter and X are both present, only keep X
+				if ( keys.includes( "twitter" ) && keys.includes( "x" ) ) {
+					keys = keys.filter( function( item ) {
+						return item !== "twitter";
+					} );
+				}
+
 				len = keys.length;
 
 				// Generate the panel

diff --git a/src/plugins/share/sprites/twitter.png b/src/plugins/share/sprites/twitter.png
diff --git a/src/plugins/share/sprites/x.png b/src/plugins/share/sprites/x.png