modified table column, if inactive contacts hide action column

This commit is contained in:
Pramod Mahajan 2025-05-23 18:23:27 +05:30
parent 0d09bfda04
commit df5c2e4397

View File

@ -3,13 +3,16 @@ import Avatar from '../common/Avatar';
import { getEmailIcon,getPhoneIcon } from './DirectoryUtils'; import { getEmailIcon,getPhoneIcon } from './DirectoryUtils';
const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal,setOpen_contact,setIsOpenModalNote,IsDeleted}) => { const ListViewDirectory = ({IsActive, contact,setSelectedContact,setIsOpenModal,setOpen_contact,setIsOpenModalNote,IsDeleted}) => {
return ( return (
<tr > <tr style={{background:`${!IsActive ? "#f8f6f6":""}`}} >
<td className="text-start cursor-pointer" style={{width: '18%'}} colSpan={2} onClick={() => <td className="text-start cursor-pointer" style={{width: '18%'}} colSpan={2} onClick={() =>
{ {
setIsOpenModalNote(true) if ( IsActive )
{
setIsOpenModalNote(true)
setOpen_contact(contact) setOpen_contact(contact)
}
}}> }}>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<Avatar <Avatar
@ -58,14 +61,16 @@ const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal,setOpen_c
</td> </td>
{/* Actions */} {/* Actions */}
<td className="align-middle text-center "> {IsActive &&
<i className='bx bx-edit bx-sm text-primary cursor-pointer' onClick={() => <td className="align-middle text-center ">
{ <i className='bx bx-edit bx-sm text-primary cursor-pointer' onClick={() =>
setSelectedContact( contact ) {
setIsOpenModal(true) setSelectedContact( contact )
}}></i> setIsOpenModal( true )
<i className='bx bx-trash bx-sm text-danger cursor-pointer' onClick={()=> IsDeleted(contact.id)}></i> }}></i>
</td> <i className='bx bx-trash bx-sm text-danger cursor-pointer' onClick={() => IsDeleted( contact.id )}></i>
</td>
}
</tr> </tr>
); );
}; };