maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Footer to EmailVerificationPage

Browse source
This commit is contained in:
Vesa Luusua 2017-10-20 18:18:18 +03:00
parent a7e6cc0e34
commit 3d2d7f726a
2 changed files with 41 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/containers/EmailVerificationPage/EmailVerificationPage.css
View file

@ -1,5 +1,13 @@
@import '../../marketplace.css';
.layoutWrapperMain {
min-height: calc(100vh - var(--topbarHeight));
@media (--viewportMedium) {
min-height: calc(100vh - var(--topbarHeightDesktop));
}
}
.root {
@apply --marketplaceModalRootStyles;
}

50
src/containers/EmailVerificationPage/EmailVerificationPage.js
View file

@ -8,7 +8,14 @@ import * as propTypes from '../../util/propTypes';
import { verify } from '../../ducks/EmailVerification.duck';
import { isScrollingDisabled } from '../../ducks/UI.duck';
import { parse } from '../../util/urlHelpers';
import { Page } from '../../components';
import {
Page,
LayoutSingleColumn,
LayoutWrapperTopbar,
LayoutWrapperMain,
LayoutWrapperFooter,
Footer,
} from '../../components';
import { EmailVerificationForm, TopbarContainer } from '../../containers';
import css from './EmailVerificationPage.css';
@ -60,22 +67,31 @@ export const EmailVerificationPageComponent = props => {
logoutError={logoutError}
scrollingDisabled={scrollingDisabled}
>
<TopbarContainer />
<div className={css.root}>
<div className={css.content}>
{currentUser ? (
<EmailVerificationForm
initialValues={initialValues}
onSubmit={submitVerification}
currentUser={currentUser}
inProgress={emailVerificationInProgress}
verificationError={verificationError}
/>
) : (
<FormattedMessage id="EmailVerificationPage.loadingUserInformation" />
)}
</div>
</div>
<LayoutSingleColumn>
<LayoutWrapperTopbar>
<TopbarContainer />
</LayoutWrapperTopbar>
<LayoutWrapperMain className={css.layoutWrapperMain}>
<div className={css.root}>
<div className={css.content}>
{currentUser ? (
<EmailVerificationForm
initialValues={initialValues}
onSubmit={submitVerification}
currentUser={currentUser}
inProgress={emailVerificationInProgress}
verificationError={verificationError}
/>
) : (
<FormattedMessage id="EmailVerificationPage.loadingUserInformation" />
)}
</div>
</div>
</LayoutWrapperMain>
<LayoutWrapperFooter>
<Footer />
</LayoutWrapperFooter>
</LayoutSingleColumn>
</Page>
);
};