Web: Components: SocialButton style fix

packages/asc-web-components/facebook-button/styled-facebook-button.js

@@ -27,7 +27,7 @@ const StyledFacebookButton = styled(ButtonWrapper).attrs((props) => ({
   border: 1px solid #1877f2;
   border-radius: 3px;
   width: 100%;
-  cursor: pointer;
+  ${(props) => !props.noHover && "cursor: pointer;"}
   padding: 0;
   outline: none;
 

packages/asc-web-components/social-button/styled-social-button.js

@@ -61,20 +61,27 @@ const StyledSocialButton = styled(ButtonWrapper).attrs((props) => ({
           box-shadow: ${(props) => props.theme.socialButton.boxShadow};
           color: ${(props) => props.theme.socialButton.color};
 
-          :hover,
-          :active {
-            cursor: pointer;
-            box-shadow: ${(props) => props.theme.socialButton.hoverBoxShadow};
-          }
+          ${(props) =>
+            !props.noHover &&
+            css`
+              :hover,
+              :active {
+                cursor: pointer;
+                box-shadow: ${(props) =>
+                  props.theme.socialButton.hoverBoxShadow};
+              }
 
-          :hover {
-            background: ${(props) => props.theme.socialButton.hoverBackground};
-          }
+              :hover {
+                background: ${(props) =>
+                  props.theme.socialButton.hoverBackground};
+              }
 
-          :active {
-            background: ${(props) => props.theme.socialButton.activeBackground};
-            border: none;
-          }
+              :active {
+                background: ${(props) =>
+                  props.theme.socialButton.activeBackground};
+                border: none;
+              }
+            `}
         `
       : css`
           box-shadow: none;

products/ASC.People/Client/src/pages/ProfileAction/Section/Body/updateUserForm.js

@@ -607,6 +607,7 @@ class UpdateUserForm extends React.Component {
             <div>
               {item.provider === "Facebook" ? (
                 <FacebookButton
+                  noHover={true}
                   iconName={icon}
                   label={t(label)}
                   className="socialButton"
@@ -614,6 +615,7 @@ class UpdateUserForm extends React.Component {
                 />
               ) : (
                 <SocialButton
+                  noHover={true}
                   iconName={icon}
                   label={t(label)}
                   className="socialButton"