File indexing completed on 2025-01-26 05:27:59

0001 import React from 'react';
0002 
0003 const Product = (props) => {
0004   const projectUrl = props.baseUrlStore+"/p/"+props.product.project_id;
0005   return (
0006     <div className="productrow row">
0007         <div className="col-lg-2">
0008           <a href={projectUrl} >
0009             <figure >
0010               <img className="productimg" src={props.product.image_small} />
0011             </figure>
0012           </a>
0013         </div>
0014         <div className="col-lg-7">
0015           <div className="product-info">
0016             <span className="product-info-title"><a href={projectUrl} >{props.product.title}</a></span>
0017             <span className="product-info-category">{props.product.cat_title}</span>
0018             <span className="product-info-date">{props.product.updated_at}</span>
0019           </div>
0020         </div>
0021         <div className="col-lg-3">
0022           <div className="score-info">
0023             <div className="score-number">
0024                {(props.product.laplace_score/10).toFixed(1) + "%"}
0025             </div>
0026             <div className="score-bar-container">
0027               <div className={"score-bar"} style={{"width":props.product.laplace_score/10 + "%"}}></div>
0028               <span>${props.product.probably_payout_amount_factor} {props.isAdmin?"($"+props.product.probably_payout_amount+")":""}</span>
0029             </div>
0030           </div>
0031         </div>
0032       </div>
0033   )
0034 }
0035 
0036 export default Product