%PDF- %PDF-
Direktori : /home/dopla/www/wp-content/plugins/ml-slider/extendify-sdk/src/pages/ |
Current File : /home/dopla/www/wp-content/plugins/ml-slider/extendify-sdk/src/pages/Sidebar.js |
import { useTemplatesStore } from '../state/Templates' import { Panel } from '@wordpress/components' import TaxonomySection from '../components/TaxonomySection' import { useTaxonomyStore } from '../state/Taxonomies' import SiteTypeSelector from '../components/SiteTypeSelector' import { useUserStore } from '../state/User' export default function SidebarMain() { const taxonomies = useTaxonomyStore((state) => state.taxonomies) const searchParams = useTemplatesStore((state) => state.searchParams) const updateSiteType = useUserStore((state) => state.updateSiteType) const updateTaxonomies = useTemplatesStore( (state) => state.updateTaxonomies, ) return ( <> <div className="mb-8 mt-2 mx-6 sm:mx-0 sm:mt-0 pt-0.5"> {Object.keys(taxonomies?.tax_categories ?? {}).length > 0 && ( <SiteTypeSelector value={searchParams?.taxonomies?.tax_categories ?? ''} setValue={(term) => { updateSiteType(term) updateTaxonomies({ tax_categories: term }) }} terms={taxonomies.tax_categories} /> )} </div> <div className="mt-px flex-grow hidden overflow-y-auto pb-32 pt-px sm:block"> <Panel> {Object.entries(taxonomies).map((taxonomy) => { // Tax categories has been extracted to display above if (taxonomy[0] === 'tax_categories') return null return ( <TaxonomySection key={taxonomy[0]} taxonomy={taxonomy} /> ) })} </Panel> </div> </> ) }