Web: Components/People/Login: Fixed warning ("React does not recognize prop")

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

@@ -43,7 +43,7 @@ SocialButton.propTypes = {
   /** Accepts css style */
   style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   onClick: PropTypes.func,
-  iconOptions: PropTypes.object,
+  $iconOptions: PropTypes.object,
 };
 
 SocialButton.defaultProps = {
@@ -51,7 +51,7 @@ SocialButton.defaultProps = {
   iconName: "SocialButtonGoogleIcon",
   tabIndex: -1,
   isDisabled: false,
-  iconOptions: {},
+  $iconOptions: {},
 };
 
 export default SocialButton;

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

@@ -13,6 +13,7 @@ ButtonWrapper.propTypes = {
   tabIndex: PropTypes.number,
   isDisabled: PropTypes.bool,
   onClick: PropTypes.func,
+  $iconOptions: PropTypes.object,
 };
 
 const StyledSocialButton = styled(ButtonWrapper).attrs((props) => ({
@@ -45,11 +46,11 @@ const StyledSocialButton = styled(ButtonWrapper).attrs((props) => ({
   }
 
   ${(props) =>
-    props.iconOptions &&
-    props.iconOptions.color &&
+    props.$iconOptions &&
+    props.$iconOptions.color &&
     css`
       svg path {
-        fill: ${props.iconOptions.color};
+        fill: ${props.$iconOptions.color};
       }
     `}
 

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

@@ -638,7 +638,7 @@ class UpdateUserForm extends React.Component {
                 iconName={icon}
                 label={t(label)}
                 className="socialButton"
-                iconOptions={iconOptions}
+                $iconOptions={iconOptions}
               />
             </div>
             {item.linked ? (

web/ASC.Web.Login/src/Login.jsx

@@ -366,7 +366,7 @@ const Form = (props) => {
               iconName={icon}
               label={t(label)}
               className="socialButton"
-              iconOptions={iconOptions}
+              $iconOptions={iconOptions}
               data-url={item.url}
               data-providername={item.provider}
               onClick={onSocialButtonClick}