Procuct ready select

src/component/product/ProductStart.jsx

@@ -8,7 +8,7 @@ export default function ProductStart(props){
     const productTitle  = props.productData.title;
     const productDescription  = props.productData.description;
     const promotion_text  = props.productData.promotion_text;
-
+    const product_status  = props.productData.status;
     const modalRef = useRef()
 
     console.log(props);
@@ -33,6 +33,8 @@ export default function ProductStart(props){
                     </div>
                 </div>
                 <div className="col-md-3">
+                    {
+                        (product_status===1) ? <>
                             <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" />
@@ -47,7 +49,7 @@ export default function ProductStart(props){
                                     <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">
@@ -67,6 +69,8 @@ export default function ProductStart(props){
                                     <button className="btn btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#verticalCenter">Start Subscription</button>
                                 </div>
                             </div>
+                        </>
+                    }
                 </div>
             </div>