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

Footer to ManageListingPage

Browse source
This commit is contained in:
Vesa Luusua 2017-10-20 18:19:18 +03:00
parent 2abe326516
commit 9888ccafec
2 changed files with 74 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
src/containers/ManageListingsPage/ManageListingsPage.js
View file

@ -6,7 +6,17 @@ import { FormattedMessage } from 'react-intl';
import * as propTypes from '../../util/propTypes';
import { parse } from '../../util/urlHelpers';
import { isScrollingDisabled } from '../../ducks/UI.duck';
import { ManageListingCard, Page, PaginationLinks, UserNav } from '../../components';
import {
ManageListingCard,
Page,
PaginationLinks,
UserNav,
LayoutSingleColumn,
LayoutWrapperTopbar,
LayoutWrapperMain,
LayoutWrapperFooter,
Footer,
} from '../../components';
import { TopbarContainer } from '../../containers';
import {
@ -110,30 +120,39 @@ export class ManageListingsPageComponent extends Component {
scrollingDisabled={scrollingDisabled}
title="Manage listings"
>
<TopbarContainer currentPage="ManageListingsPage" />
<UserNav selectedPageName="ManageListingsPage" />
{queryInProgress ? loadingResults : null}
{queryListingsError ? queryError : null}
<div className={css.listingPanel}>
{title}
<div className={css.listingCards}>
{listings.map(l => (
<ManageListingCard
className={css.listingCard}
key={l.id.uuid}
listing={l}
isMenuOpen={!!listingMenuOpen && listingMenuOpen.id.uuid === l.id.uuid}
actionsInProgressListingId={openingListing || closingListing}
onToggleMenu={this.onToggleMenu}
onCloseListing={onCloseListing}
onOpenListing={onOpenListing}
hasOpeningError={openingErrorListingId.uuid === l.id.uuid}
hasClosingError={closingErrorListingId.uuid === l.id.uuid}
/>
))}
</div>
{paginationLinks}
</div>
<LayoutSingleColumn>
<LayoutWrapperTopbar>
<TopbarContainer currentPage="ManageListingsPage" />
<UserNav selectedPageName="ManageListingsPage" />
</LayoutWrapperTopbar>
<LayoutWrapperMain>
{queryInProgress ? loadingResults : null}
{queryListingsError ? queryError : null}
<div className={css.listingPanel}>
{title}
<div className={css.listingCards}>
{listings.map(l => (
<ManageListingCard
className={css.listingCard}
key={l.id.uuid}
listing={l}
isMenuOpen={!!listingMenuOpen && listingMenuOpen.id.uuid === l.id.uuid}
actionsInProgressListingId={openingListing || closingListing}
onToggleMenu={this.onToggleMenu}
onCloseListing={onCloseListing}
onOpenListing={onOpenListing}
hasOpeningError={openingErrorListingId.uuid === l.id.uuid}
hasClosingError={closingErrorListingId.uuid === l.id.uuid}
/>
))}
</div>
{paginationLinks}
</div>
</LayoutWrapperMain>
<LayoutWrapperFooter>
<Footer />
</LayoutWrapperFooter>
</LayoutSingleColumn>
</Page>
);
}

39
src/containers/ManageListingsPage/__snapshots__/ManageListingsPage.test.js.snap
View file

@ -7,16 +7,37 @@ exports[`ContactDetailsPage matches snapshot 1`] = `
scrollingDisabled={false}
title="Manage listings"
>
<withRouter(Connect(TopbarContainerComponent))
currentPage="ManageListingsPage"
/>
<UserNav
<LayoutSingleColumn
className={null}
rootClassName={null}
selectedPageName="ManageListingsPage"
/>
<div>
<div />
</div>
>
<LayoutWrapperTopbar
className={null}
rootClassName={null}
>
<withRouter(Connect(TopbarContainerComponent))
currentPage="ManageListingsPage"
/>
<UserNav
className={null}
rootClassName={null}
selectedPageName="ManageListingsPage"
/>
</LayoutWrapperTopbar>
<LayoutWrapperMain
className={null}
rootClassName={null}
>
<div>
<div />
</div>
</LayoutWrapperMain>
<LayoutWrapperFooter
className={null}
rootClassName={null}
>
<InjectIntl(Footer) />
</LayoutWrapperFooter>
</LayoutSingleColumn>
</Page>
`;