MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Fix texts

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-15 19:26:32 -05:00
parent fe114433ff
commit 530631dac2
5 changed files with 75 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/comments/Comments.js
+13 -63
View File
@@ -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>
src/component/contacts/Contacts.js
+27 -86
View File
@@ -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>
src/component/product/ProductFactory.jsx
+19 -5
View File
@@ -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>
</>
)
src/component/product/ProductStart.jsx
+10 -6
View File
@@ -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>
src/services/services.js
+6 -4
View File
@@ -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)
}