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

Merge pull request '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) from Kartik_Enhancement#807 into Issues_July_4W

Browse Source 
Reviewed-on: #307
Merged
This commit is contained in:
pramod.mahajan 2025-07-29 13:44:47 +00:00
commit a1682c8a62
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={() => {