balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

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);