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

pin bucket name on card

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-22 18:17:01 +05:30
parent 31ca02fcd8
commit bfba4133f4
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Directory/CardViewDirectory.jsx
View File

@ -1,7 +1,11 @@
import React from "react"; import React from "react";
import Avatar from "../common/Avatar"; import Avatar from "../common/Avatar";
import {getBucketNameById} from "./DirectoryUtils";
const CardViewDirectory = ({ contact, setSelectedContact, setIsOpenModal,setOpen_contact,setIsOpenModalNote,IsDeleted }) => { import {useBuckets} from "../../hooks/useDirectory";
import { getPhoneIcon } from "./DirectoryUtils";
const CardViewDirectory = ( {contact, setSelectedContact, setIsOpenModal, setOpen_contact, setIsOpenModalNote, IsDeleted} ) =>
{
const {buckets} = useBuckets()
return ( return (
<div className="card text-start border-1"> <div className="card text-start border-1">
<div className="card-body px-1 py-2 pb-0"> <div className="card-body px-1 py-2 pb-0">
@ -87,7 +91,7 @@ const CardViewDirectory = ({ contact, setSelectedContact, setIsOpenModal,setOpen
{contact.contactPhones[0] && ( {contact.contactPhones[0] && (
<ul className="list-inline m-0"> <ul className="list-inline m-0">
<li className="list-inline-item me-2"> <li className="list-inline-item me-2">
<i className="bx bx-phone bx-xs"></i> <i className={` ${getPhoneIcon(contact.contactPhones[0].label)} bx-xs`} ></i>
</li> </li>
<li className="list-inline-item small-text"> <li className="list-inline-item small-text">
{contact.contactPhones[0]?.phoneNumber} {contact.contactPhones[0]?.phoneNumber}
@ -103,6 +107,20 @@ const CardViewDirectory = ({ contact, setSelectedContact, setIsOpenModal,setOpen
{contact.contactCategory.name} {contact.contactCategory.name}
</li> </li>
</ul> </ul>
<ul className="list-inline m-0">
{contact.bucketIds.map( ( bucketId ) => (
<>
<li className="list-inline-item me-1">
<i className="bx bx-pin bx-xs"></i>
</li>
<li className="list-inline-item small-text">
{getBucketNameById(buckets,bucketId)}
</li></>
))}
</ul>
</div> </div>
</div> </div>
); );