Minor style changes
This commit is contained in:
parent
d9d3d08e64
commit
4a93ad92e7
|
@ -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',
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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',
|
||||
};
|
||||
|
||||
|
|
Loading…
Reference in a new issue