From b65c995d51dd4fd04dc9d05cec73763c685c6bb1 Mon Sep 17 00:00:00 2001
From: Aadil Ahmed <aadilahmed0@gmail.com>
Date: Sun, 19 Nov 2023 11:19:01 -0800
Subject: [PATCH] Refactor Slack image icon with svg icon in communities of
 practice page (#5896)

* Refactor communities of practice page - #5829

* remove outer svg tag from slack image svg file liquid image element
---
 _sass/components/_communities-of-practice.scss | 9 ++++++---
 pages/communities-of-practice.html             | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/_sass/components/_communities-of-practice.scss b/_sass/components/_communities-of-practice.scss
index 72e5869ee8..057c83a5e5 100644
--- a/_sass/components/_communities-of-practice.scss
+++ b/_sass/components/_communities-of-practice.scss
@@ -141,9 +141,10 @@
     margin-right: 5px;
   }
   
-  #slack-icon{
-    width: 22px;
-    height: 22px;
+  #Layer_1{ 
+    width: 24px;
+    height: 24px;
+    margin-right: 5px;
   }
 
   #github-icon{
@@ -159,6 +160,7 @@
   }
   .cop-btn{
     width: 232px;
+    padding: 0 30px;
   }
 }
 
@@ -169,6 +171,7 @@
 
   .cop-btn{
       width: 203px;
+      padding: 0 15px;
   }
 
   .link-buttons a:nth-child(2){
diff --git a/pages/communities-of-practice.html b/pages/communities-of-practice.html
index 0c5ba6fe98..7e745f3a0a 100644
--- a/pages/communities-of-practice.html
+++ b/pages/communities-of-practice.html
@@ -71,7 +71,7 @@ <h3 class = "Title4">{{ community[1].name}}</h3>
                 {% if community[1].links[0].url %}
                     {% assign url_links = true %}
                     <a href="{{ community[1].links[0].url }}" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel">
-                        <img class="button-icon" id="slack-icon" src="/assets/images/communities-of-practice/slack-join-meeting-channel.svg" alt="slack icon" />
+                        {% include svg/icon-slack.svg %}
                         Join Slack Channel
                     </a>
                 {% endif %}