product additions

src/component/home/ProductsURL.jsx

@@ -53,7 +53,7 @@ export default function ProductsURL() {
                             </thead>
                             <tbody>
                                 {urlData && urlData.map((item, index) => {
-                                    let statusColor = item?.status == 'Active' ? 'badge-success-inverse' : item?.status == 'Updating' ? 'badge-success-inverse' : item?.status == 'Refreshing' ? 'badge-danger-inverse' : 'badge-info-inverse'
+                                    let statusColor = item?.status === 'Preparing' ? 'badge-success-inverse' : item?.status === 'Active' ? 'badge-success-inverse' : item?.status == 'Refreshing' ? 'badge-danger-inverse' : 'badge-info-inverse'
                                     return (
                                         <tr key={index}>
                                             <td>{Number(item?.no) + Number(index)}</td>

src/component/product/ProductProvision.jsx

@@ -1,6 +1,8 @@
 import getImage from "../../utils/getImage";
 
-export default function ProductProvision(){
+export default function ProductProvision(props){
+    const productTitle  = props.productData?.title;
+    const productDescription  = props.productData?.description;
 
     return <>
         <div className="row">
@@ -8,7 +10,7 @@ export default function ProductProvision(){
                 <div className="card card-statistics">
                     <div className="card-header">
                             <div className="card-heading">
-                            <h4 className="card-title">Creating - Your personal professional web </h4>
+                            <h4 className="card-title">Creating - {productTitle} </h4>
                             </div>
                         </div>
                         <div className="card-body">
@@ -71,15 +73,12 @@ export default function ProductProvision(){
 
             <div className="col-lg-6">
                 <div className="card card-statistics ">
+                    <h4 className="card-title" style={{padding:'10px'}}>Started creating your selection</h4>
                     <img className="card-img-top" src={getImage('widget/working.jpg')}  alt="Card image cap" />
                     <div className="card-body">
-                        {/*<h4 className="card-title">Commitment</h4>*/}
+                     <p>
-                        <p className="card-text">Commitment is something that comes from understanding that
+                         {productDescription}
-                            everything has its price and then having the willingness to pay that price. This is
+                     </p>
-                            important because nobody wants to put significant effort into something, only to
-                            find out after the fact that the price was too high.The price is something not
-                            necessarily defined as financial. It could be time, effort, sacrifice, money or
-                            perhaps, something else.</p>
                     </div>
                 </div>
 

src/constants/products.js

@@ -2,4 +2,5 @@ export const productConst = {
     PRODUCT_AVAILABLE: 5,
     PRODUCT_PROVISIONING:  6,
     PRODUCT_ACTIVE:  7,
+    PRODUCT_DEACTIVATED:  9,
 };