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

Clean app part show

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-01-05 20:13:43 -05:00
parent 68c4bbbca7
commit 7d3ec88c1b
3 changed files with 18 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/product/ProductActive.jsx
+3 -36
View File
@@ -27,52 +27,19 @@ export default function ProductActive(){
alt="users-avatar" /> alt="users-avatar" />
</div> </div>
<div className="profile pt-4"> <div className="profile pt-4">
<h4 className="mb-1">Alice Williams</h4> <h4 className="mb-1">Product Short Name</h4>
<p>Enthusiast</p> <p>last Update : 00:00:0000</p>
</div> </div>
</div> </div>
</div> </div>
<div className="py-5 profile-counter">
<ul className="nav justify-content-center text-center">
<li className="nav-item border-right px-3">
<div>
<h4 className="mb-0">90</h4>
<p>Post</p>
</div>
</li>
<li className="nav-item border-right px-3">
<div>
<h4 className="mb-0">1.5K</h4>
<p>Messages</p>
</div>
</li>
<li className="nav-item px-3">
<div>
<h4 className="mb-0">4.4K</h4>
<p>Members</p>
</div>
</li>
</ul>
</div>
<div className="profile-btn text-center">
<div>
<button className="btn btn-light text-primary mb-2">Upload New Avatar
</button>
</div>
<div>
<button className="btn btn-danger">Delete</button>
</div>
</div>
</div> </div>
</div> </div>
<div className="col-xl-5 col-md-6 col-12 border-t border-right"> <div className="col-xl-5 col-md-6 col-12 border-t border-right">
<div className="page-account-form"> <div className="page-account-form">
<div className="form-titel border-bottom p-3"> <div className="form-titel border-bottom p-3">
<h5 className="mb-0 py-2">Edit Your Personal Settings</h5> <h5 className="mb-0 py-2">Edit Your Product Settings</h5>
</div> </div>
<div className="p-4"> <div className="p-4">
<form> <form>
src/component/product/ProductFactory.jsx
+13 -4
View File
@@ -34,7 +34,7 @@ export default function ProductFactory(){
const product_name = myproduct_data?.product_name; const product_name = myproduct_data?.product_name;
// const product_status = myproduct_data?.status; const product_status = myproduct_data?.status;
return( return(
<> <>
@@ -56,9 +56,18 @@ export default function ProductFactory(){
</div> </div>
: :
<div> <div>
<ProductStart productData={myproduct_data} /> {(product_status <= productConst.PRODUCT_AVAILABLE)?
<ProductProvision /> <ProductStart productData={myproduct_data} />
<ProductActive /> :<></> }
{(product_status === productConst.PRODUCT_PROVISIONING)?
<ProductProvision productData={myproduct_data} />
:<></> }
{(product_status === productConst.PRODUCT_ACTIVE)?
<ProductActive productData={myproduct_data} />
:<></> }
</div> </div>
} }
</div> </div>
src/constants/products.js
+2 -2
View File
@@ -1,5 +1,5 @@
export const productConst = { export const productConst = {
PRODUCT_AVAILABLE: 0, PRODUCT_AVAILABLE: 5,
PRODUCT_PROVISIONING: 5, PRODUCT_PROVISIONING: 6,
PRODUCT_ACTIVE: 7, PRODUCT_ACTIVE: 7,
}; };