Fix texts

src/component/product/ProductFactory.jsx

@@ -26,11 +26,25 @@ export default function ProductFactory(){
         <>
             <BreadcrumbComBS title='Name of the Product Here' paths={['Dashboard', 'Product']} />
             <div className="row">
-                <>
-                   <ProductStart />
-                </>
-
-
+                {isFetching ?
+                    <>
+                        <div className="row">
+                            <div className="col-12">
+                                <p className='text-mute'>Loading...</p>
+                            </div>
+                        </div>
+                    </>
+                    : isError ?
+                        <div className="row">
+                            <div className="col-12">
+                                <p className='text-danger'>{error.message}</p>
+                            </div>
+                        </div>
+                        :
+                <div>
+                   <ProductStart productData={myproduct_data} />
+                </div>
+               }
             </div>
         </>
     )

src/component/product/ProductStart.jsx

@@ -1,17 +1,21 @@
 import React from "react";
 import getImage from "../../utils/getImage";
-export default function ProductStart(){
+export default function ProductStart(props){
+
+    console.log(props)
+    const productBanner = "product/"+props.productData.banner;
+    const productTitle  = props.productData.title;
+    const productDescription  = props.productData.description;
+
     return (
         <>
             <div className="row">
                 <div className="col-md-9">
                     <div className="card card-statistics ">
-                        <img className="card-img-top" src={getImage('product/p4.jpg')}  alt="Card image cap" />
+                        <img className="card-img-top" src={getImage(productBanner)}  alt="Card image cap" />
                         <div className="card-body">
-                            <h4 className="card-title">Commitment</h4>
-                            <p className="card-text">Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is 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>
-
-
+                            <h4 className="card-title">{productTitle}</h4>
+                            <p className="card-text">{productDescription}</p>
                         </div>
                     </div>
                 </div>