beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

use form title consistently

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/pages/change-email/index.tsx
View file

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

8
src/pages/change-password/index.tsx
View file

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

4
src/pages/credentials/index.tsx
View file

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