File indexing completed on 2025-05-04 05:30:58 

0001 import React  from 'react'
0002 
0003 const RecentPlingedProduct = (props) => {
0004   const projectUrl = props.baseUrlStore + "/p/" + props.product.project_id;
0005   const memberUrl = props.baseUrlStore + "/u/" + props.product.username;
0006   const cStyle = {
0007     backgroundImage: 'url(' + props.product.image_small + ')',
0008     backgroundRepeat: 'no-repeat',
0009     backgroundSize: '115px'
0010   }
0011   const stylePlaceholder={
0012     position: 'absolute',
0013     top: '0px',
0014     cursor: 'pointer',
0015     width:'100%',
0016     height:'50px',
0017   }
0018   
0019 
0020   const handleOnClick =()=>{
0021      window.location.href=projectUrl;
0022   }
0023  
0024   return (
0025     <div className="product-wrap" style={cStyle}>
0026       <div style={stylePlaceholder} onClick={handleOnClick}>
0027 
0028       </div>
0029       <h3 >{props.product.title}</h3>
0030       <h3 style={{ color: '#ccc',fontSize:'small' }}>{props.product.catTitle}</h3>
0031 
0032       <span className="small">
0033         <a className="tooltipuserplings" data-tooltip-content="#tooltip_content" data-user={props.product.project_id} >
0034           <img style={{ width: '15px', height: '15px', float: 'left' }} src={props.baseUrlStore + '/images/system/pling-btn-active.png'}></img>
0035         </a>
0036         {props.product.sum_plings}
0037         <span style={{color:'ccc'}}>{props.product.sum_plings_all ? '[' + props.product.sum_plings_all + ']' : ''}
0038         </span>
0039       </span>
0040     </div>
0041   )
0042 }
0043 
0044 
0045 export default RecentPlingedProduct