diff --git a/src/component/home/Products.jsx b/src/component/home/Products.jsx
index e4eba8a..b92814a 100644
--- a/src/component/home/Products.jsx
+++ b/src/component/home/Products.jsx
@@ -1,29 +1,35 @@
-import { useQuery } from '@tanstack/react-query'
-import React from 'react'
-import { productData } from '../../services/services'
-import queryKeys from '../../services/queryKeys'
+import React, {useEffect} from 'react'
+import { useMutation } from '@tanstack/react-query'
+import { productsData } from '../../services/services'
 import productPath from "../../utils/productpath";
 import { Link } from 'react-router-dom';
-export default function Products() {
 
-    const {data, isFetching, isError, error} = useQuery({
-        queryKey: queryKeys.product,
-        queryFn: () => productData()
+
+export default function Products() {
+    const getProductsData = useMutation({
+        mutationFn: (reqData) => {
+            return productsData(reqData)
+        },
+        onError: (error) => {
+            console.log(error)
+        },
+        onSuccess: (res) => {
+            if(res?.data?.resultCode != '0'){
+                throw({message: 'Something went wrong'})
+            }
+        }
     })
-/*
-   {
-      "banner": "p1.jpg",
-      "description": "Your personal professional web presence",
-      "id": 1,
-      "name": "Personal Website",
-      "product_id": "A000001",
-      "product_uid": "e92282b4-3ee1-4026-92ac-12cfd214b43a",
-      "status": 5,
-      "status_text": "Activate Now"
-    },
- */
-    //const products = data?.data?.products_list?.products
-    const products = data?.data?.products_list
+
+    useEffect(()=>{
+      let reqData = {
+        token: localStorage.getItem('token'), // USER TOKEN
+        uid: localStorage.getItem('uid') // USER UID
+      }
+      getProductsData.mutate(reqData)
+    },[])
+    
+    const products = getProductsData?.data?.data?.products_data // PRODUCTS DATA
+    console.log('PPP', products)
 
   return (
     <>
@@ -32,7 +38,7 @@ export default function Products() {
                 <h4 className="card-title">My Products</h4>
             </div>
             <div className="card-body pb-0">
-            {isFetching ? 
+            {getProductsData?.isPending ? 
                 <>
                     <div className="row">
                         <div className="col-12">
@@ -40,10 +46,10 @@ export default function Products() {
                         </div>
                     </div>
                 </>
-                : isError ?
+                : getProductsData?.isPending ?
                 <div className="row">
                     <div className="col-12">
-                        <p className='text-danger'>{error.message}</p>
+                        <p className='text-danger'>{getProductsData?.error?.message}</p>
                     </div>
                 </div>
                 :
diff --git a/src/services/services.js b/src/services/services.js
index f2a3dfe..ee209e1 100644
--- a/src/services/services.js
+++ b/src/services/services.js
@@ -85,23 +85,20 @@ export const recentActions = (reqData) => {
 }
 
 // FUNCTION TO GET DASHBOARD PRODUCT DATA SECTION
-export const productData = () => {
-     let postData = {
-        "token":"b",
-        "uid": 'h'
+export const productsData = (reqData) => {
+    let postData = {
+        ...reqData,
     }
     return postAuxEnd(`/panel/account/products`, postData, false)
 }
 
+
+
 // FUNCTION TO GET DASHBOARD PRODUCT URL DATA SECTION
 export const productsURL = () => {
     return getAuxEnd(`/panel/account/products/url`)
 }
 
-
-
-
-
 // FUNCTION TO REGISTER USER
 export const signUpUser = (reqData) => {
     let postData = {