fix(field): increase opacity to 0.7

This commit is contained in:
Aminejv 2021-06-22 21:56:15 +01:00
parent 745468a286
commit 9738bd6dfa
6 changed files with 11 additions and 22 deletions

View File

@ -123,7 +123,6 @@ export default function ResetPassword({
setPasswordValidations(validations);
},
})}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye}
/>
@ -161,7 +160,6 @@ export default function ResetPassword({
type="email"
full
{...getFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<AnimateSharedLayout>
<motion.div layout>

View File

@ -163,7 +163,6 @@ export default function Signin({
type="email"
full
{...getEmailFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<AnimateSharedLayout>
<motion.div layout>
@ -202,7 +201,6 @@ export default function Signin({
onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye}
{...getFieldProps("password")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<AnimateSharedLayout>
<motion.div layout>

View File

@ -50,21 +50,20 @@ const useCheckUser = () => {
};
};
const createValidations = (validateUsername) => async (
{ username, password, acceptTerms },
errors
) => {
await validateUsername({ username }, errors);
const createValidations =
(validateUsername) =>
async ({ username, password, acceptTerms }, errors) => {
await validateUsername({ username }, errors);
if (!Validations.username(username)) errors.username = "Invalid username";
// Note(amine): username should not be an email
if (Validations.email(username)) errors.username = "Username shouldn't be an email";
if (!Validations.username(username)) errors.username = "Invalid username";
// Note(amine): username should not be an email
if (Validations.email(username)) errors.username = "Username shouldn't be an email";
if (!Validations.password(password)) errors.password = "Incorrect password";
if (!Validations.password(password)) errors.password = "Incorrect password";
if (!acceptTerms) errors.acceptTerms = "Must accept terms and conditions";
return errors;
};
if (!acceptTerms) errors.acceptTerms = "Must accept terms and conditions";
return errors;
};
export default function Signup({ verifyEmail, createUser, resendEmailVerification }) {
const [passwordValidations, setPasswordValidations] = React.useState(
@ -119,7 +118,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
}
full
{...getFieldProps("username")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<motion.div layout>
@ -136,7 +134,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
setPasswordValidations(validations);
},
})}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye}
/>

View File

@ -103,7 +103,6 @@ export default function TwitterLinking({
type="email"
full
{...getEmailFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<AnimateSharedLayout>
<motion.div layout>

View File

@ -144,7 +144,6 @@ export default function TwitterSignup({
: null
}
{...getFieldProps("username")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
full
/>
<AnimateSharedLayout>
@ -157,7 +156,6 @@ export default function TwitterSignup({
type="email"
full
{...getFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/>
<motion.div layout>

View File

@ -113,7 +113,6 @@ export default function Verification({ onVerify, title = DEFAULT_TITLE, onResend
}
textStyle={{ width: "100% !important" }}
containerStyle={{ marginTop: "28px" }}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
name="pin"
type="pin"
{...getFieldProps()}