subscribe api bug fix

src/component/product/ProductStart.jsx

@@ -8,8 +8,7 @@ export default function ProductStart(props){
 
     const [requestStatus, setRequestStatus] = useState({status:false, message: ''})
 
-    console.log(props?.productData?.product_uid)
-
+    const product_uid = props?.productData?.product_uid;
     const productBanner = "product/"+props.productData?.banner;
     const productTitle  = props.productData?.title;
     const productDescription  = props.productData?.description;
@@ -31,21 +30,21 @@ export default function ProductStart(props){
         },
         onError: (error) => {
             setRequestStatus({status:false, message:'failed, try again'})
-            console.log(error)
+            console.log('ERROR IS', error)
         },
           onSuccess: (res) => {
             setRequestStatus({status:true, message:'successful'})
             console.log(res)
         },
-        // onSettled: () => {
-        //     setTimeout(()=>{
-        //         setRequestStatus({status:false, message:''})
-        //     },4000)
-        // }
+        onSettled: () => {
+            setTimeout(()=>{
+                setRequestStatus({status:false, message:''})
+            },4000)
+        }
     })
 
     const handleSubscribe = () => {
-        mutation.mutate({})
+        mutation.mutate({product_id: product_uid})
     }
 
     return (
@@ -123,7 +122,7 @@ export default function ProductStart(props){
                                 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>
-                            {mutation.error &&
+                            {/* {mutation.error &&
                             <>
                                 <div className="col-12">
                                 <p className='text-danger'>{mutation.error.message}</p>
@@ -133,10 +132,15 @@ export default function ProductStart(props){
                              {mutation.isSuccess &&
                             <>
                                 <div className="col-12">
-                                <p className='text-success'>{'subscription is successful'}</p>
-                            </div>
+                                    <p className='text-success'>{'subscription is successful'}</p>
+                                </div>
                             </>
-                            }
+                            } */}
+                            {requestStatus.message && (
+                            <div className="col-12">
+                                <p className={`p-2 text-center ${requestStatus.status ? 'text-success' : 'text-danger'}`}>{requestStatus.message}</p>
+                            </div>
+                            )}
                         </div>
                         <div className="modal-footer">
                             <button type="button" className="btn btn-danger" data-bs-dismiss="modal">Close</button>

src/services/services.js

@@ -72,7 +72,6 @@ export const subscribe = (reqData) => {
         ...reqData
     }
     return postAuxEnd('/panel/myproduct/subscription', postData, false)
-    // return getAuxEnd('/panel/myproduct/subscription')
 }