Merge pull request #3164 from r0hit-gupta/msft186

sushilshinde · sushilshinde · commit 67a3b209a56d · 2019-07-31T13:26:54.000+05:30
MSFT-186
diff --git a/src/assets/images/social/icon_facebook.svg b/src/assets/images/social/icon_facebook.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 291.319 291.319" style="enable-background:new 0 0 291.319 291.319;" xml:space="preserve">
+    <title>icon facebook</title>
+<g>
+	<path style="fill:#3B5998;" d="M145.659,0c80.45,0,145.66,65.219,145.66,145.66c0,80.45-65.21,145.659-145.66,145.659
+		S0,226.109,0,145.66C0,65.219,65.21,0,145.659,0z"/>
+	<path style="fill:#FFFFFF;" d="M163.394,100.277h18.772v-27.73h-22.067v0.1c-26.738,0.947-32.218,15.977-32.701,31.763h-0.055
+		v13.847h-18.207v27.156h18.207v72.793h27.439v-72.793h22.477l4.342-27.156h-26.81v-8.366
+		C154.791,104.556,158.341,100.277,163.394,100.277z"/>
+</g>
+</svg>
diff --git a/src/shared/components/challenge-detail/Specification/SideBar/ShareSocial.jsx b/src/shared/components/challenge-detail/Specification/SideBar/ShareSocial.jsx
@@ -5,6 +5,7 @@
 import React from 'react';
 
 import TwitterIcon from '../../../../../assets/images/social/icon_twitter.svg';
+import FacebookIcon from '../../../../../assets/images/social/icon_facebook.svg';
 import PrintIcon from '../../../../../assets/images/social/icon_print.svg';
 import EmailIcon from '../../../../../assets/images/social/icon_email.svg';
 import MoreIcon from '../../../../../assets/images/social/icon_plus.svg';
@@ -38,11 +39,7 @@ export default class ShareSocial extends React.Component {
             aria-label="Share via Facebook"
             href="#"
           >
-            <div styleName="facebook-icon">
-              <span>
-f
-              </span>
-            </div>
+            <FacebookIcon styleName="facebook-icon" />
           </a>
           <a
             className="addthis_button_twitter"
diff --git a/src/shared/components/challenge-detail/Specification/SideBar/social_media.scss b/src/shared/components/challenge-detail/Specification/SideBar/social_media.scss
@@ -11,9 +11,4 @@ $tc-fb-blue: #325fba;
 
   width: 35px;
   height: 35px;
-  background: $tc-fb-blue;
-  border-radius: 18px;
-  padding: 0 13px;
-  color: $tc-white;
-  font-size: 25px;
 }

Original file line number	Diff line number	Diff line change
`@@ -11,9 +11,4 @@ $tc-fb-blue: #325fba;`
`11`	`11`
`12`	`12`	`width: 35px;`
`13`	`13`	`height: 35px;`
`14`		`- background: $tc-fb-blue;`
`15`		`- border-radius: 18px;`
`16`		`- padding: 0 13px;`
`17`		`- color: $tc-white;`
`18`		`- font-size: 25px;`
`19`	`14`	`}`