* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
+import PageHeaderContainer from './PageHeaderContainer';
import ProjectsListContainer from './ProjectsListContainer';
import ProjectsListFooterContainer from './ProjectsListFooterContainer';
import PageSidebar from './PageSidebar';
componentDidMount () {
this.handleQueryChange();
+ document.getElementById('footer').classList.add('search-navigator-footer');
}
componentDidUpdate (prevProps) {
}
}
+ componentWillUnmount () {
+ document.getElementById('footer').classList.remove('search-navigator-footer');
+ }
+
handleQueryChange () {
const query = parseUrlQuery(this.props.location.query);
this.setState({ query });
const isFiltered = Object.keys(this.state.query).some(key => this.state.query[key] != null);
return (
- <div className="page-with-sidebar page-with-left-sidebar projects-page">
- <aside className="page-sidebar-fixed projects-sidebar">
+ <div className="page-with-sidebar page-with-left-sidebar projects-page">
+ <aside className="page-sidebar-fixed page-sidebar-sticky projects-sidebar">
+ <div className="page-sidebar-sticky-inner">
<PageSidebar
- query={this.state.query}
- isFavorite={this.props.isFavorite}
- organization={this.props.organization}/>
- </aside>
- <div className="page-main">
- <ProjectsListContainer
- isFavorite={this.props.isFavorite}
- isFiltered={isFiltered}
- organization={this.props.organization}/>
- <ProjectsListFooterContainer
- query={this.state.query}
- isFavorite={this.props.isFavorite}
- organization={this.props.organization}/>
+ query={this.state.query}
+ isFavorite={this.props.isFavorite}
+ organization={this.props.organization}/>
</div>
+ </aside>
+ <div className="page-main">
+ <PageHeaderContainer/>
+ <ProjectsListContainer
+ isFavorite={this.props.isFavorite}
+ isFiltered={isFiltered}
+ organization={this.props.organization}/>
+ <ProjectsListFooterContainer
+ query={this.state.query}
+ isFavorite={this.props.isFavorite}
+ organization={this.props.organization}/>
</div>
+ </div>
);
}
}
*/
import React from 'react';
import { Link } from 'react-router';
+import FavoriteFilterContainer from './FavoriteFilterContainer';
import CoverageFilter from '../filters/CoverageFilter';
import DuplicationsFilter from '../filters/DuplicationsFilter';
import SizeFilter from '../filters/SizeFilter';
return (
<div className="search-navigator-facets-list">
+ <FavoriteFilterContainer/>
+
<div className="projects-facets-header clearfix">
{isFiltered &&
<div className="projects-facets-reset">