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)} onClick={() => handleRowClick(item)}
> >
{selectable && ( {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 <Checkbox
checked={isRowSelected(item)} checked={isRowSelected(item)}
onCheckedChange={(checked) => handleSingleRowSelect(item, !!checked)} onCheckedChange={(checked) => handleSingleRowSelect(item, !!checked)}
@@ -110,7 +113,10 @@ const Table = <T extends RowDataType>({
</td> </td>
))} ))}
{rowActions && ( {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)} /> <RowActionsDropdown actions={rowActions(item)} />
</td> </td>
)} )}
@@ -125,7 +131,10 @@ const Table = <T extends RowDataType>({
<thead className={`h-[60px] md:h-[69px] bg-white text-sm text-[#8C90A3] ${headerClassName}`}> <thead className={`h-[60px] md:h-[69px] bg-white text-sm text-[#8C90A3] ${headerClassName}`}>
<tr> <tr>
{selectable && ( {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 <Checkbox
checked={data.length > 0 && selectedRows.length === data.length} checked={data.length > 0 && selectedRows.length === data.length}
onCheckedChange={handleSelectAll} onCheckedChange={handleSelectAll}
src/pages/received/Components/Header.tsx
+9 -9
View File
@@ -9,15 +9,15 @@ const Header: FC = () => {
return ( return (
<div className='flex justify-between items-center border-b border-border pb-6'> <div className='flex justify-between items-center border-b border-border pb-6'>
<div className='flex xl:gap-6 gap-4'> <div className='flex xl:gap-4 gap-2'>
<ArrowRight size={24} color='#8C90A3' /> <ArrowRight size={20} color='#8C90A3' />
<SmsNotification size={24} color='black' className='xl:block hidden' /> <SmsNotification size={20} color='black' className='xl:block hidden' />
<ArchiveTick size={24} color='black' className='xl:block hidden' /> <ArchiveTick size={20} color='black' className='xl:block hidden' />
<InfoCircle size={24} color='black' className='xl:block hidden' /> <InfoCircle size={20} color='black' className='xl:block hidden' />
<Star size={24} color='black' className='xl:block hidden' /> <Star size={20} color='black' className='xl:block hidden' />
<VolumeMute size={24} color='black' className='xl:block hidden' /> <VolumeMute size={20} color='black' className='xl:block hidden' />
<Trash size={24} color='#CD0000' className='xl:block hidden' /> <Trash size={20} color='#CD0000' className='xl:block hidden' />
<More size={24} color='black' className='rotate-90' /> <More size={20} color='black' className='rotate-90' />
</div> </div>
<div className='flex gap-2'> <div className='flex gap-2'>