New active [product page

src/component/product/ProductFactory.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, {useState} from "react";
 import { useQuery } from '@tanstack/react-query'
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 // import getImage from "../../utils/getImage";
@@ -6,12 +6,18 @@ import ProductStart from "./ProductStart";
 import { useLocation } from 'react-router-dom';
 import {MyProductData, productData} from "../../services/services";
 import queryKeys from "../../services/queryKeys";
+import ProductActive from "./ProductActive";
+import ProductProvision from "./ProductProvision";
+import {productConst} from "../../constants/products";
 
 export default function ProductFactory(){
     const location = useLocation();
     const pathname = location.pathname;
+    const [productStatus, setProductStatus] = useState(0);
+
+    //productConst.PRODUCT_ACTIVE
+
 
-    
     // Split the pathname by '/' and get the last element
     const lastPart = pathname.split('/').pop();
     console.log(lastPart)
@@ -21,10 +27,15 @@ export default function ProductFactory(){
         queryFn: () => MyProductData(lastPart)
     })
 
+
+
     const myproduct_data = data?.data?.myproduct_data
+    //setProductStatus(myproduct_data?.status)
 
     const product_name =  myproduct_data?.product_name;
 
+   // const product_status  = myproduct_data?.status;
+
     return(
         <>
             <BreadcrumbComBS title={product_name} paths={['Dashboard', 'Product']} />
@@ -46,6 +57,8 @@ export default function ProductFactory(){
                         :
                 <div>
                    <ProductStart productData={myproduct_data} />
+                    <ProductProvision />
+                    <ProductActive />
                 </div>
                }
             </div>