MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Procuct ready select

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-30 11:17:19 -05:00
parent 603bac7b21
commit 6814957c2e
1 changed files with 38 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/product/ProductStart.jsx
+38 -34
View File
@@ -8,7 +8,7 @@ export default function ProductStart(props){
const productTitle = props.productData.title; const productTitle = props.productData.title;
const productDescription = props.productData.description; const productDescription = props.productData.description;
const promotion_text = props.productData.promotion_text; const promotion_text = props.productData.promotion_text;
const product_status = props.productData.status;
const modalRef = useRef() const modalRef = useRef()
console.log(props); console.log(props);
@@ -33,40 +33,44 @@ export default function ProductStart(props){
</div> </div>
</div> </div>
<div className="col-md-3"> <div className="col-md-3">
<div className="card card-statistics mb-30 panel_coming_soon_c3"> {
<> (product_status===1) ? <>
<img className="card-img-top" src={getImage('widget/coming-soon.jpg')} alt="Card image cap" /> <div className="card card-statistics mb-30 panel_coming_soon_c3">
<>
<img className="card-img-top" src={getImage('widget/coming-soon.jpg')} alt="Card image cap" />
</>
<div className="card-body">
{/*<h4 className="card-title">Subscription</h4>*/}
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item"><h4>Coming soon!!!</h4></li>
<li className="list-group-item"></li>
</ul>
</div>
</> : <>
<div className="card card-statistics mb-30 panel_round_c3">
{/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
<div className="card-body">
<h4 className="card-title">Subscription</h4>
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item"><h4>{promotion_text}</h4></li>
<li className="list-group-item">90 days free and 3.95/Month</li>
<li className="list-group-item"></li>
</ul>
{/*<div className="card-body">*/}
{/* <a href="javascript:void(0)" className="card-link">Card link</a>*/}
{/* <a href="javascript:void(0)" className="card-link">Another link</a>*/}
{/*</div>*/}
<div className="subscribe-box">
<button className="btn btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#verticalCenter">Start Subscription</button>
</div>
</div>
</> </>
}
<div className="card-body">
{/*<h4 className="card-title">Subscription</h4>*/}
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item"><h4>Coming soon!!!</h4></li>
<li className="list-group-item"></li>
</ul>
</div>
<div className="card card-statistics mb-30 panel_round_c3">
{/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
<div className="card-body">
<h4 className="card-title">Subscription</h4>
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item"><h4>{promotion_text}</h4></li>
<li className="list-group-item">90 days free and 3.95/Month</li>
<li className="list-group-item"></li>
</ul>
{/*<div className="card-body">*/}
{/* <a href="javascript:void(0)" className="card-link">Card link</a>*/}
{/* <a href="javascript:void(0)" className="card-link">Another link</a>*/}
{/*</div>*/}
<div className="subscribe-box">
<button className="btn btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#verticalCenter">Start Subscription</button>
</div>
</div>
</div> </div>
</div> </div>