From 9011a83259a40f154fbf76633d5a43c5fc81a69a Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 31 Dec 2024 14:33:11 +0100
Subject: [PATCH] subscribe api bug fix

---
 src/component/product/ProductStart.jsx | 30 +++++++++++++++-----------
 src/services/services.js               |  1 -
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/component/product/ProductStart.jsx b/src/component/product/ProductStart.jsx
index 867fc0f..8ded5ef 100644
--- a/src/component/product/ProductStart.jsx
+++ b/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>
diff --git a/src/services/services.js b/src/services/services.js
index 8eaeb7e..8e11532 100644
--- a/src/services/services.js
+++ b/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')
 }