use form title consistently

This commit is contained in:
Abhinav 2022-05-20 22:11:09 +05:30
parent d7ccfe5b18
commit 07a3d2155d
3 changed files with 6 additions and 15 deletions

View file

@ -1,5 +1,4 @@
import VerticallyCentered, { CenteredFlex } from 'components/Container';
import LogoImg from 'components/LogoImg';
import VerticallyCentered from 'components/Container';
import React, { useEffect } from 'react';
import constants from 'utils/strings/constants';
import router from 'next/router';
@ -7,6 +6,7 @@ import ChangeEmailForm from 'components/ChangeEmail';
import { PAGES } from 'constants/pages';
import { getData, LS_KEYS } from 'utils/storage/localStorage';
import FormPaper from 'components/Form/FormPaper';
import FormPaperTitle from 'components/Form/FormPaper/Title';
function ChangeEmailPage() {
useEffect(() => {
@ -19,10 +19,7 @@ function ChangeEmailPage() {
return (
<VerticallyCentered>
<FormPaper>
<CenteredFlex mb={8}>
<LogoImg src="/icon.svg" />
{constants.CHANGE_EMAIL}
</CenteredFlex>
<FormPaperTitle>{constants.CHANGE_EMAIL}</FormPaperTitle>
<ChangeEmailForm />
</FormPaper>
</VerticallyCentered>

View file

@ -15,13 +15,12 @@ import SetPasswordForm, {
import { SESSION_KEYS } from 'utils/storage/sessionStorage';
import { PAGES } from 'constants/pages';
import { KEK, UpdatedKey } from 'types/user';
import { CenteredFlex } from 'components/Container';
import LogoImg from 'components/LogoImg';
import LinkButton from 'components/pages/gallery/LinkButton';
import VerticallyCentered from 'components/Container';
import FormPaper from 'components/Form/FormPaper';
import FormPaperFooter from 'components/Form/FormPaper/Footer';
import { Divider } from '@mui/material';
import FormPaperTitle from 'components/Form/FormPaper/Title';
export default function ChangePassword() {
const [token, setToken] = useState<string>();
@ -82,10 +81,7 @@ export default function ChangePassword() {
return (
<VerticallyCentered>
<FormPaper>
<CenteredFlex mb={4}>
<LogoImg src="/icon.svg" />
{constants.CHANGE_PASSWORD}
</CenteredFlex>
<FormPaperTitle>{constants.CHANGE_PASSWORD}</FormPaperTitle>
<SetPasswordForm
callback={onSubmit}
buttonText={constants.CHANGE_PASSWORD}

View file

@ -102,9 +102,7 @@ export default function Credentials() {
return (
<FormContainer>
<FormPaper style={{ minWidth: '320px' }}>
<FormPaperTitle sx={{ mb: 4 }}>
{constants.PASSWORD}
</FormPaperTitle>
<FormPaperTitle>{constants.PASSWORD}</FormPaperTitle>
<SingleInputForm
callback={verifyPassphrase}
placeholder={constants.RETURN_PASSPHRASE_HINT}