balmet.com

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

index.js (2570B)

      1 import ButtonGroup from '../button-group';
      2 
      3 const {__} = wp.i18n
      4 import {Tooltip} from '@wordpress/components';
      5 import {requiresInstall, requiresPro} from '~redux-templates/stores/dependencyHelper';
      6 import SafeImageLoad from '~redux-templates/components/safe-image-load';
      7 import './style.scss'
      8 
      9 const MultipleItem = (props) => {
     10 
     11     const {data, onSelectCollection} = props;
     12     const {pages, homepageData, ID, name} = data;
     13     const {image} = homepageData || {};
     14 
     15     return (
     16         <div className="redux-templates-multiple-template-box">
     17             <div className="multiple-template-view" onClick={ () => onSelectCollection( ID ) } >
     18                 <div className="redux-templates-box-shadow">
     19                     <div className="redux-templates-default-template-image">
     20                         <SafeImageLoad url={image} alt={__('Default Template', redux_templates.i18n)} />
     21                         {requiresPro(data) && <span className="redux-templates-pro-badge">{__('Premium', redux_templates.i18n)}</span>}
     22                         {!requiresPro(data) && requiresInstall(data) && <div className="redux-templates-missing-badge"><i className="fas fa-exclamation-triangle" /></div>}
     23                     </div>
     24                     <div className="redux-templates-button-overlay">
     25                         {requiresPro(data) && <Tooltip text={__('Premium Requirements', redux_templates.i18n)} position="bottom" key={data.source+data.source_id}><span className="redux-templates-pro-badge">{__('Premium', redux_templates.i18n)}</span></Tooltip>}
     26                         {!requiresPro(data) && requiresInstall(data) && <Tooltip text={__('Not Installed', redux_templates.i18n)} position="bottom" key={data.source+data.source_id}><div className="redux-templates-missing-badge"><i className="fas fa-exclamation-triangle" /></div></Tooltip>}
     27                         <div className="redux-templates-import-button-group">
     28                             <div className="action-buttons"><a className="redux-templates-button download-button">{__('View Templates', redux_templates.i18n)}</a></div>
     29                         </div>
     30                     </div>
     31                 </div>
     32                 <div className="redux-templates-tmpl-info">
     33                     <h5 className="redux-templates-tmpl-title" dangerouslySetInnerHTML={{__html:name}}/>
     34                     <span className="redux-templates-temp-count">{ pages ? pages.length : 0 } {__('Templates', redux_templates.i18n)}</span>
     35                 </div>
     36             </div>
     37         </div>
     38     );
     39 }
     40 
     41 export default MultipleItem