danak/dmail-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix row click and change size icons in detail email

Browse Source
This commit is contained in:
hamid zarghami
2025-06-26 10:58:35 +03:30
parent b883db6945
commit e2a4332670
2 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Table.tsx
+12 -3
View File
@@ -93,7 +93,10 @@ const Table = <T extends RowDataType>({
onClick={() => handleRowClick(item)}
>
{selectable && (
<td className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]">
<td
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]"
onClick={(e) => e.stopPropagation()}
>
<Checkbox
checked={isRowSelected(item)}
onCheckedChange={(checked) => handleSingleRowSelect(item, !!checked)}
@@ -110,7 +113,10 @@ const Table = <T extends RowDataType>({
</td>
))}
{rowActions && (
<td className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]">
<td
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5]"
onClick={(e) => e.stopPropagation()}
>
<RowActionsDropdown actions={rowActions(item)} />
</td>
)}
@@ -125,7 +131,10 @@ const Table = <T extends RowDataType>({
<thead className={`h-[60px] md:h-[69px] bg-white text-sm text-[#8C90A3] ${headerClassName}`}>
<tr>
{selectable && (
<th className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5] first:rounded-tr-2xl md:first:rounded-tr-3xl">
<th
className="px-3 md:px-6 py-3 md:py-4 w-8 md:w-10 relative z-[5] first:rounded-tr-2xl md:first:rounded-tr-3xl"
onClick={(e) => e.stopPropagation()}
>
<Checkbox
checked={data.length > 0 && selectedRows.length === data.length}
onCheckedChange={handleSelectAll}
src/pages/received/Components/Header.tsx
+9 -9
View File
@@ -9,15 +9,15 @@ const Header: FC = () => {
return (
<div className='flex justify-between items-center border-b border-border pb-6'>
<div className='flex xl:gap-6 gap-4'>
<ArrowRight size={24} color='#8C90A3' />
<SmsNotification size={24} color='black' className='xl:block hidden' />
<ArchiveTick size={24} color='black' className='xl:block hidden' />
<InfoCircle size={24} color='black' className='xl:block hidden' />
<Star size={24} color='black' className='xl:block hidden' />
<VolumeMute size={24} color='black' className='xl:block hidden' />
<Trash size={24} color='#CD0000' className='xl:block hidden' />
<More size={24} color='black' className='rotate-90' />
<div className='flex xl:gap-4 gap-2'>
<ArrowRight size={20} color='#8C90A3' />
<SmsNotification size={20} color='black' className='xl:block hidden' />
<ArchiveTick size={20} color='black' className='xl:block hidden' />
<InfoCircle size={20} color='black' className='xl:block hidden' />
<Star size={20} color='black' className='xl:block hidden' />
<VolumeMute size={20} color='black' className='xl:block hidden' />
<Trash size={20} color='#CD0000' className='xl:block hidden' />
<More size={20} color='black' className='rotate-90' />
</div>
<div className='flex gap-2'>