admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

In directory List view when only single email and phone number in list view but user can add multiple phone number and email ids. #307

Merged
pramod.mahajan merged 1 commits from Kartik_Enhancement#807 into Issues_July_4W 2025-07-29 13:44:48 +00:00
Conversation 0 Commits 1 Files Changed 1 +23 -22
1 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/Directory/ListViewDirectory.jsx
View File

@ -15,6 +15,10 @@ const ListViewDirectory = ({
}) => {
const { dirActions, setDirActions } = useDir();
// Get the first email and phone number if they exist
const firstEmail = contact.contactEmails?.[0];
const firstPhone = contact.contactPhones?.[0];
return (
<tr className={!IsActive ? "bg-light" : ""}>
<td
@ -47,36 +51,38 @@ const ListViewDirectory = ({
<td className="px-2" style={{ width: "20%" }}>
<div className="d-flex flex-column align-items-start text-truncate">
{contact.contactEmails.length > 0 ? (contact.contactEmails?.map((email, index) => (
<span key={email.id} className="text-truncate">
{firstEmail ? (
<span key={firstEmail.id} className="text-truncate">
<i
className={getEmailIcon(email.label)}
className={getEmailIcon(firstEmail.label)}
style={{ fontSize: "12px" }}
></i>
<a
href={`mailto:${email.emailAddress}`}
href={`mailto:${firstEmail.emailAddress}`}
className="text-decoration-none ms-1"
>
{email.emailAddress}
{firstEmail.emailAddress}
</a>
</span>
))):(<span className="small-text m-0 px-2">NA</span>)}
) : (
<span className="small-text m-0 px-2">NA</span>
)}
</div>
</td>
<td className="px-2" style={{ width: "20%" }}>
<div className="d-flex flex-column align-items-start text-truncate">
{contact.contactPhones?.length > 0 ? (
contact.contactPhones?.map((phone, index) => (
<span key={phone.id}>
{firstPhone ? (
<span key={firstPhone.id}>
<i
className={getPhoneIcon(phone.label)}
className={getPhoneIcon(firstPhone.label)}
style={{ fontSize: "12px" }}
></i>
<span className="ms-1">{phone.phoneNumber}</span>
<span className="ms-1">{firstPhone.phoneNumber}</span>
</span>
))
):(<span className="text-small m-0 px-2">NA</span>)}
) : (
<span className="text-small m-0 px-2">NA</span>
)}
</div>
</td>
@ -88,12 +94,6 @@ const ListViewDirectory = ({
{contact.organization}
</td>
{/* <td className="px-2" style={{ width: "10%" }}>
<span className="badge badge-outline-secondary">
{contact?.contactCategory?.name || "Other"}
</span>
</td> */}
<td className="px-2" style={{ width: "10%" }}>
<span className="text-truncate">
{contact?.contactCategory?.name || "Other"}
@ -118,9 +118,10 @@ const ListViewDirectory = ({
)}
{!IsActive && (
<i
className={`bx ${
dirActions.action && dirActions.id === contact.id ? "bx-loader-alt bx-spin"
: "bx-recycle"
className={`bx ${
dirActions.action && dirActions.id === contact.id
? "bx-loader-alt bx-spin"
: "bx-recycle"
} me-1 text-primary cursor-pointer`}
title="Restore"
onClick={() => {