src/component/product/ProductStart.jsx

@@ -18,6 +18,8 @@ export default function ProductStart(props){
     const productDescription  = props.productData?.description;
     const promotion_text  = props.productData?.promotion_text;
     const product_status  = props.productData?.status;
+    const saleText  = props.productData?.sale_text;
+    
     const modalRef = useRef()
 
     const refetch = () => {
@@ -116,16 +118,7 @@ export default function ProductStart(props){
                             </button>
                         </div>
                         <div className="modal-body">
-                            <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis
-                                in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at
-                                eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus
-                            </p>
-                            <p>
-                                sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia
-                                bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque
-                                nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor
-                                fringilla. Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
-                            </p>
+                            <div className="" dangerouslySetInnerHTML={{__html: saleText}}/>
                             {/* {mutation.error &&
                             <>
                                 <div className="col-12">