From 530631dac2aada350b5d258c768b496500554c60 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sun, 15 Dec 2024 19:26:32 -0500
Subject: [PATCH] Fix texts

---
 src/component/comments/Comments.js       |  76 +++------------
 src/component/contacts/Contacts.js       | 113 ++++++-----------------
 src/component/product/ProductFactory.jsx |  24 ++++-
 src/component/product/ProductStart.jsx   |  16 ++--
 src/services/services.js                 |  10 +-
 5 files changed, 75 insertions(+), 164 deletions(-)

diff --git a/src/component/comments/Comments.js b/src/component/comments/Comments.js
index 7357d7a..2486032 100644
--- a/src/component/comments/Comments.js
+++ b/src/component/comments/Comments.js
@@ -1,6 +1,6 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
-
+import getImage from "../../utils/getImage";
 
 export default function Comments(){
 
@@ -34,7 +34,7 @@ export default function Comments(){
                                                                                             <span>Inbox</span>
                                                                             </span>
                                                                             <span className="nav-item ml-auto text-right">
-                                                                                             <span className="badge badge-pill badge-primary float-right">99+</span>
+                                                                                             <span className="badge badge-pill badge-primary float-right">0+</span>
                                                                             </span>
                                                                             </span>
                                                             </a>
@@ -51,57 +51,7 @@ export default function Comments(){
                                                                             </span>
                                                             </a>
                                                         </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-file-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Drafts</span>
-                                                                            </span>
-                                                                            <span className="nav-item ml-auto text-right">
-                                                                                             <span className="badge badge-pill badge-primary float-right">20</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-trash-o pr-3 pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Deleted</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-clock-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Reminder</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-heart-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Favorite</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
+
                                                     </ul>
                                                     <ul className="pl-0 mt-5">
                                                         <li className="py-2">
@@ -164,7 +114,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/01.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/01.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -184,7 +134,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/02.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/02.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -204,7 +154,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/03.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/03.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -224,7 +174,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/04.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/04.jpg")} className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -244,7 +194,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/05.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/05.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -264,7 +214,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/06.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/06.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -284,7 +234,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/07.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/07.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -304,7 +254,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/08.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/08.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -324,7 +274,7 @@ export default function Comments(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/09.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/09.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -346,7 +296,7 @@ export default function Comments(){
                                     <div className="mail-chat py-5 px-5">
                                         <div className="media align-items-center">
                                             <div className="bg-img mr-3">
-                                                <img src="assets/img/avtar/03.jpg" className="img-fluid" alt="user" />
+                                                <img  src={getImage("avtar/03.jpg")}  className="img-fluid" alt="user" />
                                             </div>
                                             <div>
                                                 <h4 className="mb-0">Dutca Patrick</h4>
diff --git a/src/component/contacts/Contacts.js b/src/component/contacts/Contacts.js
index ceb3195..734d134 100644
--- a/src/component/contacts/Contacts.js
+++ b/src/component/contacts/Contacts.js
@@ -1,6 +1,6 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
-
+import getImage from "../../utils/getImage";
 
 export default function Contacts(){
 
@@ -34,7 +34,7 @@ export default function Contacts(){
                                                                                             <span>Inbox</span>
                                                                             </span>
                                                                             <span className="nav-item ml-auto text-right">
-                                                                                             <span className="badge badge-pill badge-primary float-right">99+</span>
+                                                                                             <span className="badge badge-pill badge-primary float-right">0+</span>
                                                                             </span>
                                                                             </span>
                                                             </a>
@@ -46,62 +46,12 @@ export default function Contacts(){
                                                                                             <i className="fa fa-paper-plane-o pr-4"></i>
                                                                                         </span>
                                                                             <span>
-                                                                                            <span>Sent Mail</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-file-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Drafts</span>
-                                                                            </span>
-                                                                            <span className="nav-item ml-auto text-right">
-                                                                                             <span className="badge badge-pill badge-primary float-right">20</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-trash-o pr-3 pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Deleted</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-clock-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Reminder</span>
-                                                                            </span>
-                                                                            </span>
-                                                            </a>
-                                                        </li>
-                                                        <li className="py-2">
-                                                            <a href="javascript:void(0)">
-                                                                            <span className="nav align-items-center">
-                                                                                        <span>
-                                                                                            <i className="fa fa-heart-o pr-4"></i>
-                                                                                        </span>
-                                                                            <span>
-                                                                                            <span>Favorite</span>
+                                                                                            <span>Replied Mail</span>
                                                                             </span>
                                                                             </span>
                                                             </a>
                                                         </li>
+
                                                     </ul>
                                                     <ul className="pl-0 mt-5">
                                                         <li className="py-2">
@@ -151,10 +101,10 @@ export default function Contacts(){
                                         <div className="mail-search border-bottom">
                                             <div className="row align-items-center mx-0">
                                                 <div className="col-12">
-                                                    <div className="form-group pt-3">
-                                                        <input type="text" className="form-control" id="search" placeholder="Search.." />
-                                                            <i className="fa fa-search"></i>
-                                                    </div>
+                                                    {/*<div className="form-group pt-3">*/}
+                                                    {/*    <input type="text" className="form-control" id="search" placeholder="Search.." />*/}
+                                                    {/*        <i className="fa fa-search"></i>*/}
+                                                    {/*</div>*/}
                                                 </div>
                                             </div>
                                         </div>
@@ -164,7 +114,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/01.jpg" className="img-fluid" alt="user" />
+                                                                <img src={getImage("avtar/01.jpg")} className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -184,7 +134,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/02.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/02.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -204,7 +154,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/03.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/03.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -224,7 +174,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/04.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/04.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -244,7 +194,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/05.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/05.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -264,7 +214,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/06.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/06.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -284,7 +234,7 @@ export default function Contacts(){
                                                     <div className="media align-items-center">
                                                         <div className="mr-3">
                                                             <div className="bg-img">
-                                                                <img src="assets/img/avtar/07.jpg" className="img-fluid" alt="user" />
+                                                                <img  src={getImage("avtar/07.jpg")}  className="img-fluid" alt="user" />
                                                             </div>
                                                         </div>
                                                         <div className="w-100">
@@ -346,7 +296,7 @@ export default function Contacts(){
                                     <div className="mail-chat py-5 px-5">
                                         <div className="media align-items-center">
                                             <div className="bg-img mr-3">
-                                                <img src="assets/img/avtar/03.jpg" className="img-fluid" alt="user" />
+                                                <img  src={getImage("avtar/03.jpg")}  className="img-fluid" alt="user" />
                                             </div>
                                             <div>
                                                 <h4 className="mb-0">Dutca Patrick</h4>
@@ -367,22 +317,13 @@ export default function Contacts(){
                                             <p className="mb-2">I truly believe Augustine’s words are true and if you look at history you know it is true. There are many people in the world with amazing talents who realize only a small percentage of their potential. We all know people who live this truth.</p>
                                             <p>We also know those epic stories, those modern-day legends surrounding the early failures of such supremely successful folks as Michael Jordan and Bill Gates. We can look a bit further back in time to Albert Einstein or even further back to Abraham Lincoln. What made each of these people so successful? Motivation.</p>
                                             <p>We know this in our gut, but what can we do about it? How can we motivate ourselves? One of the most difficult aspects of achieving success is staying motivated over the long haul.</p>
-                                            <div className="my-5">
-                                                <p>Have lovely Day,</p>
-                                                <p>adminjon</p>
-                                            </div>
+                                            {/*<div className="my-5">*/}
+                                            {/*    <p>Have lovely Day,</p>*/}
+                                            {/*    <p>adminjon</p>*/}
+                                            {/*</div>*/}
                                         </div>
                                     </div>
-                                    {/*<div className="d-md-flex px-5 py-4">*/}
-                                    {/*    <div className="flex-fill align-items-center">*/}
-                                    {/*        <div className="d-flex">*/}
-                                    {/*            <i className="ti ti-clip pr-3 font-22"></i>*/}
-                                    {/*            <p className="pr-3 font-weight-bold">Wireframe</p>*/}
-                                    {/*            <p>(220.MB)</p>*/}
-                                    {/*        </div>*/}
-                                    {/*    </div>*/}
-                                    {/*    <div className="flex-fill text-left text-md-right"><a href="javascript:void(0)" className="text-primary"><i className="ti ti-download pr-2"></i><span>Download</span></a></div>*/}
-                                    {/*</div>*/}
+
                                     <div className="bg-light mail-f px-4 py-3">
                                         <div className="py-2 bg-white px-4 py-3 d-flex justify-content-between">
                                             <p>Click here to <a href="#editer" data-toggle="collapse" className="text-primary px-1">Reply</a>or<a href="#forward" data-toggle="collapse" className="text-primary px-1">Forward</a></p>
@@ -400,14 +341,14 @@ export default function Contacts(){
                                         </div>
                                         <div className="d-flex align-items-center justify-content-between py-2">
                                             <div>
-                                                <ul className="nav">
-                                                    <li className="nav-item pr-3"><a href="javascript:void(0)"><i className="ti ti-clip font-20"></i></a></li>
-                                                    <li className="nav-item pr-3"><a href="javascript:void(0)"><i className="ti ti-face-smile font-20"></i></a></li>
-                                                    <li className="nav-item"><a href="javascript:void(0)"><i className="ti ti-gallery font-20"></i></a></li>
-                                                </ul>
+                                                {/*<ul className="nav">*/}
+                                                {/*    <li className="nav-item pr-3"><a href="javascript:void(0)"><i className="ti ti-clip font-20"></i></a></li>*/}
+                                                {/*    <li className="nav-item pr-3"><a href="javascript:void(0)"><i className="ti ti-face-smile font-20"></i></a></li>*/}
+                                                {/*    <li className="nav-item"><a href="javascript:void(0)"><i className="ti ti-gallery font-20"></i></a></li>*/}
+                                                {/*</ul>*/}
                                             </div>
                                             <div>
-                                                <a href="javascript:void(0)" className="btn btn-primary"><span>Send</span> <i className="fa fa-paper-plane"></i></a>
+                                                {/*<a href="javascript:void(0)" className="btn btn-primary"><span>Send</span> <i className="fa fa-paper-plane"></i></a>*/}
                                             </div>
                                         </div>
                                     </div>
diff --git a/src/component/product/ProductFactory.jsx b/src/component/product/ProductFactory.jsx
index d114acd..33a3997 100644
--- a/src/component/product/ProductFactory.jsx
+++ b/src/component/product/ProductFactory.jsx
@@ -26,11 +26,25 @@ export default function ProductFactory(){
         <>
             <BreadcrumbComBS title='Name of the Product Here' paths={['Dashboard', 'Product']} />
             <div className="row">
-                <>
-                   <ProductStart />
-                </>
-
-
+                {isFetching ?
+                    <>
+                        <div className="row">
+                            <div className="col-12">
+                                <p className='text-mute'>Loading...</p>
+                            </div>
+                        </div>
+                    </>
+                    : isError ?
+                        <div className="row">
+                            <div className="col-12">
+                                <p className='text-danger'>{error.message}</p>
+                            </div>
+                        </div>
+                        :
+                <div>
+                   <ProductStart productData={myproduct_data} />
+                </div>
+               }
             </div>
         </>
     )
diff --git a/src/component/product/ProductStart.jsx b/src/component/product/ProductStart.jsx
index ee2e91c..aac84bd 100644
--- a/src/component/product/ProductStart.jsx
+++ b/src/component/product/ProductStart.jsx
@@ -1,17 +1,21 @@
 import React from "react";
 import getImage from "../../utils/getImage";
-export default function ProductStart(){
+export default function ProductStart(props){
+
+    console.log(props)
+    const productBanner = "product/"+props.productData.banner;
+    const productTitle  = props.productData.title;
+    const productDescription  = props.productData.description;
+
     return (
         <>
             <div className="row">
                 <div className="col-md-9">
                     <div className="card card-statistics ">
-                        <img className="card-img-top" src={getImage('product/p4.jpg')}  alt="Card image cap" />
+                        <img className="card-img-top" src={getImage(productBanner)}  alt="Card image cap" />
                         <div className="card-body">
-                            <h4 className="card-title">Commitment</h4>
-                            <p className="card-text">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.</p>
-
-
+                            <h4 className="card-title">{productTitle}</h4>
+                            <p className="card-text">{productDescription}</p>
                         </div>
                     </div>
                 </div>
diff --git a/src/services/services.js b/src/services/services.js
index 2566d20..a18ef1e 100644
--- a/src/services/services.js
+++ b/src/services/services.js
@@ -29,9 +29,9 @@ const postAuxEnd = (path, postData, media=false) => {
     })
 }
 
-const getAuxEnd = (path, reqData=[]) => {
+const getAuxEnd = (path, reqData= null) => {
     const basePath = process.env.REACT_APP_MAIN_API
-    return axios.get(`${basePath}${path}`).then(res => {
+    return axios.get(`${basePath}${path}`,{ params: reqData }).then(res => {
         return res
         // localStorage.clear();
         // window.location.href = `/login?sessionExpired=true`;
@@ -71,6 +71,8 @@ export const productsURL = () => {
     return getAuxEnd(`/panel/account/products/url`)
 }
 
-export const MyProductData = () => {
-    return getAuxEnd(`/panel/myproduct/dash`)
+export const MyProductData = (productID) => {
+    const reqData = { product_id : productID}
+    //console.log(reqData)
+    return getAuxEnd(`/panel/myproduct/dash`,reqData)
 }
\ No newline at end of file