Clear data

src/component/home/Products.jsx

@@ -10,8 +10,20 @@ export default function Products() {
         queryKey: queryKeys.product,
         queryFn: () => productData()
     })
-
-    const products = data?.data?.products_data?.products
+/*
+   {
+      "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
 
   return (
     <>
@@ -38,31 +50,20 @@ export default function Products() {
                 <div className="row m-b-20">
                     {products && products.map((product, index) => (
                         <div key={product.uid+index} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
-                            <Link to={productPath(product?.uid)}  >
+                            <Link to={productPath(product?.product_id)}  >
                                 <div className="d-flex align-items-center extraProductCard">
                                     <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
                                         <i className="fa fa-cart-plus text-primary"></i>
                                     </div>
                                     <div className="report-details">
-                                        <p>{product?.status}</p>
-                                        <h4>{product?.description}</h4>
+                                        <p>{product?.status_text}</p>
+                                        <h4>{product?.name}</h4>
                                     </div>
                                 </div>
                             </Link>
 
                         </div>
                     ))}
-                    {/*<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">*/}
-                    {/*    <div className="d-flex align-items-center">*/}
-                    {/*        <div className="icon-container img-icon m-r-20 bg-light-gray rounded">*/}
-                    {/*            <i className="fa fa-dollar text-primary"></i>*/}
-                    {/*        </div>*/}
-                    {/*        <div className="report-details">*/}
-                    {/*            <p>Annual Revenue</p>*/}
-                    {/*            <h3>$40,516</h3>*/}
-                    {/*        </div>*/}
-                    {/*    </div>*/}
-                    {/*</div>*/}
                 </div>
             }
                 <div className="apexchart-wrapper">