index.js (983B)
1 const {withSelect} = wp.data; 2 3 import './style.scss' 4 5 import PriceFilter from './priceFilter'; 6 import CategoryFilter from './categoryFilter'; 7 import DependencyFilter from './dependencyFilter'; 8 9 function Sidebar(props) { 10 const {itemType, layer, loading} = props; 11 const hasSidebar = () => { 12 return (itemType !== 'collection' || layer === null); 13 }; 14 return ( 15 <div> 16 { 17 hasSidebar() && 18 <> 19 <PriceFilter/> 20 <div className="redux-templates-modal-sidebar-content"> 21 <CategoryFilter/> 22 <DependencyFilter/> 23 </div> 24 </> 25 } 26 </div> 27 ); 28 } 29 30 export default withSelect((select) => { 31 const {getActiveItemType, getActiveCollection} = select('redux-templates/sectionslist'); 32 return { 33 itemType: getActiveItemType(), 34 layer: getActiveCollection() 35 }; 36 })(Sidebar);