Web: Client/Components: Fixed facebook button styles/icon, fixed translations

This commit is contained in:
Alexey Kostenko 2021-04-13 11:17:39 +03:00
parent 544a24d0f1
commit 571b412d27
5 changed files with 17 additions and 32 deletions

View File

@ -41,9 +41,11 @@ const StyledFacebookButton = styled(ButtonWrapper).attrs((props) => ({
props.$iconOptions.color &&
css`
svg {
margin: 6px;
width: 26px;
height: 26px;
margin: 11px;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
path {
fill: ${props.$iconOptions.color};

View File

@ -1,22 +1,4 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.16, written by Peter Selinger 2001-2019
</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2255 5108 c-105 -12 -298 -51 -409 -83 -994 -288 -1724 -1155 -1835
-2177 -14 -125 -14 -451 0 -576 99 -919 703 -1723 1562 -2081 170 -71 487
-161 566 -161 l21 0 0 895 0 895 -325 0 -325 0 0 370 0 370 325 0 325 0 0 359
c0 397 6 462 61 617 107 305 331 497 659 564 94 20 128 21 325 17 184 -4 433
-26 483 -42 9 -3 12 -76 12 -318 l0 -314 -212 -6 c-263 -7 -317 -20 -402 -98
-108 -99 -126 -176 -126 -556 l0 -223 355 0 c312 0 355 -2 355 -15 0 -17 -96
-652 -106 -698 l-6 -27 -299 0 -299 0 0 -895 0 -895 21 0 c79 0 396 90 566
161 859 358 1463 1162 1562 2081 14 125 14 451 0 576 -128 1181 -1080 2133
-2261 2261 -115 13 -479 12 -593 -1z"/>
</g>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0C6.61305 0 4.32387 0.948211 2.63604 2.63604C0.948211 4.32387 0 6.61305 0 9C0 11.3869 0.948211 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948211 11.3869 0 9 0Z" fill="#1877F2"/>
<path d="M10.1047 11.5264H12.5862L12.9758 9.21077H10.1042V7.94516C10.1042 6.98321 10.4464 6.1302 11.4259 6.1302H13V4.10941C12.7234 4.0751 12.1385 4 11.0333 4C8.72546 4 7.37245 5.11957 7.37245 7.67025V9.21077H5V11.5264H7.37245V17.8911C7.84229 17.956 8.31819 18 8.80671 18C9.2483 18 9.67928 17.9629 10.1047 17.9101V11.5264Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 768 B

View File

@ -28,10 +28,10 @@
"CancelButton": "Cancel",
"ConfirmOwnerPortalSuccessMessage": "Portal owner has been successfully changed. {0}In 10 seconds you will be redirected {1}here{2}",
"SignInWithGoogle": "Login with Google",
"SignInWithFacebook": "Login with Facebook",
"SignInWithTwitter": "Login with Twitter",
"SignInWithLinkedIn": "Login with LinkedIn",
"SignInWithGoogle": "Sign in with Google",
"SignInWithFacebook": "Sign in with Facebook",
"SignInWithTwitter": "Sign in with Twitter",
"SignInWithLinkedIn": "Sign in with LinkedIn",
"ProviderLoginError": "Authorization error",
"ProviderNotConnected": "Provider is not connected to your account"
}

View File

@ -225,6 +225,7 @@ class Confirm extends React.PureComponent {
authCallback = (profile) => {
const { thirdPartyLogin, t } = this.props;
debugger;
thirdPartyLogin(profile.Serialized)
.then(() => {

View File

@ -28,10 +28,10 @@
"Or": "OR",
"Register": "Register",
"SignInWithGoogle": "Login with Google",
"SignInWithFacebook": "Login with Facebook",
"SignInWithTwitter": "Login with Twitter",
"SignInWithLinkedIn": "Login with LinkedIn",
"SignInWithGoogle": "Sign in with Google",
"SignInWithFacebook": "Sign in with Facebook",
"SignInWithTwitter": "Sign in with Twitter",
"SignInWithLinkedIn": "Sign in with LinkedIn",
"ProviderLoginError": "Authorization error",
"ProviderNotConnected": "Provider is not connected to your account"
}