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({ props.setDialogMessage({
title: 'update two-factor', title: 'update two-factor',
staticBackdrop: true, staticBackdrop: true,
content: constants.UPDATE_TWO_FACTOR_MESSAGE(), content: constants.UPDATE_TWO_FACTOR_MESSAGE,
close: { text: constants.CANCEL }, close: { text: constants.CANCEL },
proceed: { proceed: {
variant: 'success', variant: 'success',

View file

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

View file

@ -96,7 +96,7 @@ export default function SetupTwoFactor() {
}} }}
/> />
<VerifyTwoFactor onSubmit={onSubmit} back={router.back} buttonText={constants.ENABLE} /> <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} {constants.GO_BACK}
</Button> </Button>
</DeadCenter> </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`, 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: 'two-factor',
TWO_FACTOR_AUTHENTICATION: 'two-factor authentication', 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', ENTER_CODE_MANUALLY: 'enter the code manually',
TWO_FACTOR_MANUAL_CODE_INSTRUCTION: 'please enter this code in your favorite authenticator app', TWO_FACTOR_MANUAL_CODE_INSTRUCTION: 'please enter this code in your favorite authenticator app',
SCAN_QR_CODE: 'scan QR code instead', SCAN_QR_CODE: 'scan QR code instead',
@ -415,12 +415,7 @@ const englishConstants = {
UPDATE_TWO_FACTOR: 'update your authenticator device', UPDATE_TWO_FACTOR: 'update your authenticator device',
DISABLE: 'disable', DISABLE: 'disable',
RECONFIGURE: 'reconfigure', RECONFIGURE: 'reconfigure',
UPDATE_TWO_FACTOR_MESSAGE: () => ( UPDATE_TWO_FACTOR_MESSAGE: 'continuing forward will void any previously configured authenticators',
<>
<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: 'update', UPDATE: 'update',
}; };