From 7abe3f88769c15717ad580aa96d059c17e3649f2 Mon Sep 17 00:00:00 2001
From: "ivan.hrytsai" <ivan.hrytsai@magefan.com>
Date: Wed, 9 Apr 2025 12:55:14 +0300
Subject: [PATCH] 13223-BlueSky-new-social-sharing-button

---
 Model/Config/Source/SocialNetworks.php      | 3 ++-
 view/frontend/templates/addthis-js.phtml    | 3 +++
 view/frontend/web/css/blog-m.css            | 1 +
 view/frontend/web/css/blog-new.css          | 1 +
 view/frontend/web/images/social/bluesky.svg | 4 ++++
 5 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 view/frontend/web/images/social/bluesky.svg

diff --git a/Model/Config/Source/SocialNetworks.php b/Model/Config/Source/SocialNetworks.php
index 90209373..6fd03500 100644
--- a/Model/Config/Source/SocialNetworks.php
+++ b/Model/Config/Source/SocialNetworks.php
@@ -21,7 +21,8 @@ public function toOptionArray()
             ['value' => 'Facebook', 'label' => 'Facebook'],
             ['value' => 'Twitter', 'label' => 'X (Twitter)'],
             ['value' => 'Pinterest', 'label' => 'Pinterest'],
-            ['value' => 'LinkedIn', 'label' => 'LinkedIn']
+            ['value' => 'LinkedIn', 'label' => 'LinkedIn'],
+            ['value' => 'BlueSky', 'label' => 'BlueSky']
         ];
     }
 
diff --git a/view/frontend/templates/addthis-js.phtml b/view/frontend/templates/addthis-js.phtml
index 0be7b20e..599ed5ea 100644
--- a/view/frontend/templates/addthis-js.phtml
+++ b/view/frontend/templates/addthis-js.phtml
@@ -32,6 +32,9 @@
             case 'linkedin':
                 u =reverse('" . strrev('https://www.linkedin.com/sharing/share-offsite/?url=') . "') + url;
                 break;
+            case 'bluesky':
+                u =reverse('" . strrev('https://bsky.app/intent/compose?text=') . "') + url;
+                break;
         }
         if (u) {
             window.open (u, null, 'width=600,height=400');
diff --git a/view/frontend/web/css/blog-m.css b/view/frontend/web/css/blog-m.css
index 6c5dc53c..2a6d22c5 100644
--- a/view/frontend/web/css/blog-m.css
+++ b/view/frontend/web/css/blog-m.css
@@ -237,6 +237,7 @@
 .post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
 .post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
 .post-sharing-top .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
+.post-sharing-top .icon-wrapper.icon-bluesky {background-color: rgb(32, 139, 254);}
 .post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;}
 .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}
 .post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);}
diff --git a/view/frontend/web/css/blog-new.css b/view/frontend/web/css/blog-new.css
index cbb7eb48..a86f512d 100755
--- a/view/frontend/web/css/blog-new.css
+++ b/view/frontend/web/css/blog-new.css
@@ -147,6 +147,7 @@ body.blog-page {
 .post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
 .post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
 .post-sharing-bottom .share-elements .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
+.post-sharing-bottom .icon-wrapper.icon-bluesky {background-color: rgb(32, 139, 254);}
 .post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;}
 .post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;}
 .post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);}
diff --git a/view/frontend/web/images/social/bluesky.svg b/view/frontend/web/images/social/bluesky.svg
new file mode 100644
index 00000000..5f33e417
--- /dev/null
+++ b/view/frontend/web/images/social/bluesky.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.268 64 68.414" width="48" height="48" fill="none">
+    <title id="at-svg-bluesky-1">Share on Bluesky</title>
+    <path fill="#ffffff" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805zm36.254 0C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745z"/>
+</svg>
\ No newline at end of file