From 68c4bbbca7cb0b5785719a53854e05fd4a59175f Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 5 Jan 2025 17:50:39 -0500 Subject: [PATCH] New active [product page --- src/component/product/ProductActive.jsx | 173 +++++++++++++++++++++ src/component/product/ProductFactory.jsx | 17 +- src/component/product/ProductProvision.jsx | 91 +++++++++++ src/component/product/ProductStart.jsx | 3 +- src/constants/products.js | 5 + 5 files changed, 285 insertions(+), 4 deletions(-) create mode 100644 src/component/product/ProductActive.jsx create mode 100644 src/component/product/ProductProvision.jsx create mode 100644 src/constants/products.js diff --git a/src/component/product/ProductActive.jsx b/src/component/product/ProductActive.jsx new file mode 100644 index 0000000..92c4e16 --- /dev/null +++ b/src/component/product/ProductActive.jsx @@ -0,0 +1,173 @@ +import React from "react"; +import getImage from "../../utils/getImage"; +import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS"; + + +export default function ProductActive(){ + + return( + <> + + {/*
*/} + {/*
Coming Soon
*/} + {/*
*/} + + +
+
+
+
+
+
+
+
+
+
+ users-avatar +
+
+

Alice Williams

+

Enthusiast

+
+
+
+ +
+
    +
  • +
    +

    90

    +

    Post

    +
    +
    • + +
  • +
    +

    1.5K

    +

    Messages

    +
    +
    • + +
  • +
    +

    4.4K

    +

    Members

    +
    +
    • +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
Edit Your Personal Settings
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ + + +
+
+
+
+
+
+
+
Your External Link
+
+
+
+
+ + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+
+
+
+
+
+
+ + + ) +} \ No newline at end of file diff --git a/src/component/product/ProductFactory.jsx b/src/component/product/ProductFactory.jsx index 9efeea5..81648c9 100644 --- a/src/component/product/ProductFactory.jsx +++ b/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( <> @@ -46,6 +57,8 @@ export default function ProductFactory(){ :
+ +
} diff --git a/src/component/product/ProductProvision.jsx b/src/component/product/ProductProvision.jsx new file mode 100644 index 0000000..6b2d248 --- /dev/null +++ b/src/component/product/ProductProvision.jsx @@ -0,0 +1,91 @@ +import getImage from "../../utils/getImage"; + +export default function ProductProvision(){ + + return <> +
+
+
+
+
+

Creating - Your personal professional web

+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+ +
+ +
+
+
+

Progress Information

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
#Action
1Start Creation
2Update Access Routes
3Veryfing ...
+
+
+
+
+ +
+
+ Card image cap +
+ {/*

Commitment

*/} +

Commitment is something that comes from understanding that + everything has its price and then having the willingness to pay that price. This is + important because nobody wants to put significant effort into something, only to + find out after the fact that the price was too high.The price is something not + necessarily defined as financial. It could be time, effort, sacrifice, money or + perhaps, something else.

+
+
+ +
+ + +
+ +} \ No newline at end of file diff --git a/src/component/product/ProductStart.jsx b/src/component/product/ProductStart.jsx index 8ded5ef..9ae5159 100644 --- a/src/component/product/ProductStart.jsx +++ b/src/component/product/ProductStart.jsx @@ -68,8 +68,7 @@ export default function ProductStart(props){
- {/*

Subscription

*/} -

Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it!

+

Start with your goals in mind and then work possible.

  • Coming soon!!!

    • diff --git a/src/constants/products.js b/src/constants/products.js new file mode 100644 index 0000000..a90af7f --- /dev/null +++ b/src/constants/products.js @@ -0,0 +1,5 @@ +export const productConst = { + PRODUCT_AVAILABLE: 0, + PRODUCT_PROVISIONING: 5, + PRODUCT_ACTIVE: 7, +}; \ No newline at end of file