Minor style changes

This commit is contained in:
Vishnu 2021-06-26 02:04:56 +05:30
parent d9d3d08e64
commit 4a93ad92e7
4 changed files with 6 additions and 12 deletions

View file

@ -58,7 +58,7 @@ function TwoFactorModal(props: Props) {
props.setDialogMessage({
title: 'update two-factor',
staticBackdrop: true,
content: constants.UPDATE_TWO_FACTOR_MESSAGE(),
content: constants.UPDATE_TWO_FACTOR_MESSAGE,
close: { text: constants.CANCEL },
proceed: {
variant: 'success',

View file

@ -49,7 +49,7 @@ export default function VerifyTwoFactor(props: Props) {
handleSubmit,
}) => (
<Form noValidate onSubmit={handleSubmit} style={{ width: '100%' }}>
<Form.Group controlId="formBasicEmail">
<Form.Group style={{ marginBottom: '32px' }} controlId="formBasicEmail">
<DeadCenter>
<OtpInput value={values.otp}
onChange={handleChange('otp')}
@ -59,7 +59,7 @@ export default function VerifyTwoFactor(props: Props) {
className={'otp-input'}
/>
{errors.otp &&
<div style={{ display: 'block' }} className="invalid-feedback">{constants.INCORRECT_CODE}</div>
<div style={{ display: 'block', marginTop: '16px' }} className="invalid-feedback">{constants.INCORRECT_CODE}</div>
}
</DeadCenter>
</Form.Group>
@ -68,7 +68,6 @@ export default function VerifyTwoFactor(props: Props) {
loading={waiting}
disabled={values.otp.length < 6}
/>
<br />
</Form>
)}
</Formik>

View file

@ -96,7 +96,7 @@ export default function SetupTwoFactor() {
}}
/>
<VerifyTwoFactor onSubmit={onSubmit} back={router.back} buttonText={constants.ENABLE} />
<Button variant="link" onClick={router.back}>
<Button style={{ marginTop: '16px' }} variant="link" onClick={router.back}>
{constants.GO_BACK}
</Button>
</DeadCenter>

View file

@ -399,7 +399,7 @@ const englishConstants = {
FILES_TO_BE_UPLOADED: (count: number) => count === 1 ? `1 file received. uploading in a jiffy` : `${count} files received. Uploading in a jiffy`,
TWO_FACTOR: 'two-factor',
TWO_FACTOR_AUTHENTICATION: 'two-factor authentication',
TWO_FACTOR_QR_INSTRUCTION: 'please scan QR code below with your favorite authenticator app',
TWO_FACTOR_QR_INSTRUCTION: 'scan the QR code below with your favorite authenticator app',
ENTER_CODE_MANUALLY: 'enter the code manually',
TWO_FACTOR_MANUAL_CODE_INSTRUCTION: 'please enter this code in your favorite authenticator app',
SCAN_QR_CODE: 'scan QR code instead',
@ -415,12 +415,7 @@ const englishConstants = {
UPDATE_TWO_FACTOR: 'update your authenticator device',
DISABLE: 'disable',
RECONFIGURE: 'reconfigure',
UPDATE_TWO_FACTOR_MESSAGE: () => (
<>
<p>are you sure you want to update your second factor,</p>
<p>continuing forward will void any previously setup two-factor authentication</p>
</>
),
UPDATE_TWO_FACTOR_MESSAGE: 'continuing forward will void any previously configured authenticators',
UPDATE: 'update',
};