web: common/people/login: renamed providers to lowercase (client)

packages/asc-web-common/constants/index.js

@@ -109,21 +109,21 @@ export const ConflictResolveType = Object.freeze({
   Duplicate: 2,
 });
 export const providersData = Object.freeze({
-  Google: {
-    label: "Google",
+  google: {
+    label: "google",
     icon: "/static/images/share.google.react.svg",
   },
-  Facebook: {
-    label: "Facebook",
+  facebook: {
+    label: "facebook",
     icon: "/static/images/share.facebook.react.svg",
   },
-  Twitter: {
-    label: "Twitter",
+  twitter: {
+    label: "twitter",
     icon: "/static/images/share.twitter.react.svg",
     iconOptions: { color: "#2AA3EF" },
   },
-  LinkedIn: {
-    label: "LinkedIn",
+  linkedin: {
+    label: "linkedin",
     icon: "/static/images/share.linkedin.react.svg",
   },
 });

packages/asc-web-common/utils/index.js

@@ -236,13 +236,13 @@ export function toCommunityHostname(hostname) {
 
 export function getProviderTranslation(provider, t) {
   switch (provider) {
-    case "Google":
+    case "google":
       return t("Common:SignInWithGoogle");
-    case "Facebook":
+    case "facebook":
       return t("Common:SignInWithFacebook");
-    case "Twitter":
+    case "twitter":
       return t("Common:SignInWithTwitter");
-    case "LinkedIn":
+    case "linkedin":
       return t("Common:SignInWithLinkedIn");
   }
 }

products/ASC.People/Client/src/pages/Profile/Section/Body/index.js

@@ -267,7 +267,7 @@ class SectionBodyContent extends React.PureComponent {
         return (
           <React.Fragment key={`${item.provider}ProviderItem`}>
             <div>
-              {item.provider === "Facebook" ? (
+              {item.provider === "facebook" ? (
                 <FacebookButton
                   noHover={true}
                   iconName={icon}

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

@@ -370,6 +370,7 @@ const Form = (props) => {
 
   const providerButtons = () => {
     let facebookIndex = null;
+
     const providerButtons =
       providers &&
       providers.map((item, index) => {
@@ -379,7 +380,7 @@ const Form = (props) => {
           item.provider
         ];
 
-        if (item.provider === "Facebook") {
+        if (item.provider === "facebook") {
           facebookIndex = index;
           return;
         }