IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Login: Show facebook button first

Browse Source
This commit is contained in:
Alexey Kostenko 2021-04-12 10:26:46 +03:00
parent 6a6e4c4705
commit 0e4e7debac
1 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
web/ASC.Web.Login/src/Login.jsx
View File

@ -364,43 +364,57 @@ const Form = (props) => {
}
}, []);
const addFacebookToStart = (facebookIndex, providerButtons) => {
const faceBookData = providers[facebookIndex];
const { icon, label, iconOptions } = providersData[faceBookData.provider];
providerButtons.unshift(
<div
className="buttonWrapper"
key={`${faceBookData.provider}ProviderItem`}
>
<FacebookButton
iconName={icon}
label={t(label)}
className="socialButton"
$iconOptions={iconOptions}
data-url={faceBookData.url}
data-providername={faceBookData.provider}
onClick={onSocialButtonClick}
/>
</div>
);
};
const providerButtons = () => {
let facebookIndex = null;
const providerButtons =
providers &&
providers.map((item) => {
providers.map((item, index) => {
const { icon, label, iconOptions, className } = providersData[
item.provider
];
if (!icon) return <></>;
if (!icon) return;
if (item.provider === "Facebook") {
facebookIndex = index;
return;
}
return (
<div className="buttonWrapper">
<React.Fragment key={`${item.provider}ProviderItem`}>
{item.provider === "Facebook" ? (
<FacebookButton
iconName={icon}
label={t(label)}
className="socialButton"
$iconOptions={iconOptions}
data-url={item.url}
data-providername={item.provider}
onClick={onSocialButtonClick}
/>
) : (
<SocialButton
iconName={icon}
label={t(label)}
className={`socialButton ${className ? className : ""}`}
$iconOptions={iconOptions}
data-url={item.url}
data-providername={item.provider}
onClick={onSocialButtonClick}
/>
)}
</React.Fragment>
<div className="buttonWrapper" key={`${item.provider}ProviderItem`}>
<SocialButton
iconName={icon}
label={t(label)}
className={`socialButton ${className ? className : ""}`}
$iconOptions={iconOptions}
data-url={item.url}
data-providername={item.provider}
onClick={onSocialButtonClick}
/>
</div>
);
});
if (facebookIndex) addFacebookToStart(facebookIndex, providerButtons);
return providerButtons;
};