SitePreviewSidebar.js (1151B)
1 import FullyOverlayHeader from './FullyOverlayHeader'; 2 import SidebarContent from './SidebarContent'; 3 import FullyOverlayFooter from './FullyOverlayFooter'; 4 import {isBlockPro} from '../stores/helper'; 5 6 function SitePreviewSidebar(props) { 7 const {itemData, previewClass, expandedClass, onImport} = props; 8 const {onCloseCustomizer, onChangePreviewClass, onToggleExpanded, onNextBlock, onPrevBlock} = props; 9 const isPro = isBlockPro(itemData.pro, itemData.source); 10 11 return ( 12 <div className="wp-full-overlay-sidebar"> 13 <FullyOverlayHeader onCloseCustomizer={onCloseCustomizer} onNextBlock={onNextBlock} 14 onPrevBlock={onPrevBlock} 15 pro={isPro} onImport={onImport}/> 16 <SidebarContent itemData={itemData} pro={isPro} /> 17 <FullyOverlayFooter previewClass={previewClass} expandedClass={expandedClass} pro={isPro} 18 onChangePreviewClass={onChangePreviewClass} onToggleExpanded={onToggleExpanded} 19 onImport={onImport}/> 20 </div> 21 ); 22 } 23 24 25 export default SitePreviewSidebar;