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

Gather JSX usage inside left panel/container

Browse source
This commit is contained in:
Vesa Luusua 2018-04-04 16:44:51 +03:00
parent cd01d694e7
commit 3a65a56d32
1 changed files with 27 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/containers/SearchPage/SearchPage.js
View file

@ -270,33 +270,7 @@ export class SearchPageComponent extends Component {
this.setState({ isSearchMapOpenOnMobile: true });
};
const extraSearchFiltersPanelOrListings =
USE_SEARCH_FILTER_PANEL && this.state.isSearchFiltersPanelOpen ? (
<div className={classNames(css.searchFiltersPanel)}>
<SearchFiltersPanel
urlQueryParams={validQueryParams}
listingsAreLoaded={listingsAreLoaded}
categories={categories}
amenities={amenities}
onClosePanel={() => this.setState({ isSearchFiltersPanelOpen: false })}
/>
</div>
) : (
<div
className={classNames(css.listings, {
[css.newSearchInProgress]: !listingsAreLoaded,
})}
>
{searchListingsError ? searchError : null}
<SearchResultsPanel
className={css.searchListingsPanel}
listings={listings}
pagination={listingsAreLoaded ? pagination : null}
search={searchParamsForPagination}
setActiveListing={onActivateListing}
/>
</div>
);
const isSearchFiltersPanelOpen = USE_SEARCH_FILTER_PANEL && this.state.isSearchFiltersPanelOpen;
// An example how to check how many filters are selected on SearchFilterPanel
// if it is in use.
@ -372,7 +346,32 @@ export class SearchPageComponent extends Component {
categories={categories}
amenities={amenities}
/>
{extraSearchFiltersPanelOrListings}
{ isSearchFiltersPanelOpen ? (
<div className={classNames(css.searchFiltersPanel)}>
<SearchFiltersPanel
urlQueryParams={validQueryParams}
listingsAreLoaded={listingsAreLoaded}
categories={categories}
amenities={amenities}
onClosePanel={() => this.setState({ isSearchFiltersPanelOpen: false })}
/>
</div>
) : (
<div
className={classNames(css.listings, {
[css.newSearchInProgress]: !listingsAreLoaded,
})}
>
{searchListingsError ? searchError : null}
<SearchResultsPanel
className={css.searchListingsPanel}
listings={listings}
pagination={listingsAreLoaded ? pagination : null}
search={searchParamsForPagination}
setActiveListing={onActivateListing}
/>
</div>
)}
</div>
<ModalInMobile
className={css.mapPanel}