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

Icons

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-08-30 13:58:58 -04:00
parent 858dd39936
commit 1abc998120
6 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/img/avtar/A000001.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

src/assets/img/avtar/A000002.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

src/assets/img/avtar/A000003.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

src/assets/img/avtar/A000004.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

src/assets/img/avtar/A000005.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

src/component/contacts/Contacts.js
+13 -5
View File
@@ -87,7 +87,8 @@ export default function Contacts() {
<div className="row"> <div className="row">
{/*<div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/} {/*<div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/}
<div className="col-12"> <div className="col-12">
<div className="card card-statistics mail-contant"> <div className="card card-statistics mail-contant"
style={{minHeight: '550px', borderRadius: '10px'}}>
<div className="card-body p-0"> <div className="card-body p-0">
<div className="row no-gutters"> <div className="row no-gutters">
<div className="col-md-4 col-xxl-2 col-md-4"> <div className="col-md-4 col-xxl-2 col-md-4">
@@ -213,6 +214,7 @@ export default function Contacts() {
<div className="mail-msg scrollbar scroll_dark"> <div className="mail-msg scrollbar scroll_dark">
{contactsData && filteredContactData?.map((contact, index) => { {contactsData && filteredContactData?.map((contact, index) => {
const isActive = (contact?.uid == activeContactUID) || (!activeContactUID && index == 0) const isActive = (contact?.uid == activeContactUID) || (!activeContactUID && index == 0)
const avtarImage = (contact?.category === undefined) ? "avtar/01.jpg" : "avtar/" + contact.category + ".png";
return ( return (
<div key={contact?.uid} <div key={contact?.uid}
onClick={() => changeActiveUID(contact?.uid)} onClick={() => changeActiveUID(contact?.uid)}
@@ -221,17 +223,22 @@ export default function Contacts() {
<div className="media align-items-center"> <div className="media align-items-center">
<div className="mr-3"> <div className="mr-3">
<div className="bg-img"> <div className="bg-img">
<img src={getImage("avtar/01.jpg")} <img src={getImage(avtarImage)}
className="img-fluid" alt="user"/> className="img-fluid" alt="user"/>
</div> </div>
</div> </div>
<div className="w-100"> <div className="w-100">
<div <div
className="mail-msg-item-titel justify-content-between"> className="mail-msg-item-titel justify-content-between">
<p><span style={{fontSize: '14px' , color: '#148399', fontWeight:'bolder'}}>{contact?.sender}</span></p> <p><span style={{
fontSize: '14px',
color: '#148399',
fontWeight: 'bolder'
}}>{contact?.sender}</span></p>
{/* <p className="d-none d-xl-block">06:59 <span> PM </span></p> */} {/* <p className="d-none d-xl-block">06:59 <span> PM </span></p> */}
<p className="d-none d-xl-block"> <p className="d-none d-xl-block">
<span style={{fontSize: '14px'}}>{new Date(contact?.added).toDateString()}</span> <span
style={{fontSize: '14px'}}>{new Date(contact?.added).toDateString()}</span>
</p> </p>
</div> </div>
<h5 className="mb-0 my-2">{contact?.title}</h5> <h5 className="mb-0 my-2">{contact?.title}</h5>
@@ -260,7 +267,8 @@ export default function Contacts() {
alt="user"/> alt="user"/>
</div> </div>
<div> <div>
<h4 className="mb-0" style={{color: '#148399'}}>{activeContactUID ? activeDetail[0]?.sender : filteredContactData[0]?.sender}</h4> <h4 className="mb-0"
style={{color: '#148399'}}>{activeContactUID ? activeDetail[0]?.sender : filteredContactData[0]?.sender}</h4>
<p>{activeContactUID ? new Date(activeDetail[0]?.added).toDateString() : new Date(filteredContactData[0]?.added).toDateString()}</p> <p>{activeContactUID ? new Date(activeDetail[0]?.added).toDateString() : new Date(filteredContactData[0]?.added).toDateString()}</p>
</div> </div>
</div> </div>