alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

courrier preview

Browse Source
This commit is contained in:
alma 2025-05-01 15:18:00 +02:00
parent 738100a38a
commit 61c29ced21
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/email/BulkActionsToolbar.tsx
View File

@ -20,8 +20,8 @@ export default function BulkActionsToolbar({
onBulkAction onBulkAction
}: BulkActionsToolbarProps) { }: BulkActionsToolbarProps) {
return ( return (
<div className="bg-white border-b border-gray-100 px-4 py-1.5 flex items-center justify-between"> <div className="bg-blue-50 border-b border-blue-100 px-4 py-2 flex items-center justify-between">
<span className="text-xs text-gray-600"> <span className="text-xs font-medium text-blue-700">
{selectedCount} selected {selectedCount} selected
</span> </span>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
@ -31,7 +31,7 @@ export default function BulkActionsToolbar({
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-7 w-7 text-gray-600 hover:text-gray-900" className="h-7 w-7 text-blue-600 hover:text-blue-900 hover:bg-blue-100"
onClick={() => onBulkAction('mark-read')} onClick={() => onBulkAction('mark-read')}
> >
<EyeOff className="h-3.5 w-3.5" /> <EyeOff className="h-3.5 w-3.5" />
@ -49,7 +49,7 @@ export default function BulkActionsToolbar({
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-7 w-7 text-gray-600 hover:text-gray-900" className="h-7 w-7 text-blue-600 hover:text-blue-900 hover:bg-blue-100"
onClick={() => onBulkAction('archive')} onClick={() => onBulkAction('archive')}
> >
<Archive className="h-3.5 w-3.5" /> <Archive className="h-3.5 w-3.5" />
@ -67,7 +67,7 @@ export default function BulkActionsToolbar({
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-7 w-7 text-red-600 hover:text-red-700" className="h-7 w-7 text-red-600 hover:text-red-700 hover:bg-red-50"
onClick={() => onBulkAction('delete')} onClick={() => onBulkAction('delete')}
> >
<Trash2 className="h-3.5 w-3.5" /> <Trash2 className="h-3.5 w-3.5" />

16
components/email/EmailList.tsx
View File

@ -119,6 +119,14 @@ export default function EmailList({
return ( return (
<div className="w-[320px] bg-white/95 backdrop-blur-sm border-r border-gray-100 flex flex-col"> <div className="w-[320px] bg-white/95 backdrop-blur-sm border-r border-gray-100 flex flex-col">
{/* Only show bulk actions when emails are explicitly selected via checkboxes */}
{selectedEmailIds.length > 0 && (
<BulkActionsToolbar
selectedCount={selectedEmailIds.length}
onBulkAction={onBulkAction}
/>
)}
{/* Search header */} {/* Search header */}
<div className="border-b border-gray-100"> <div className="border-b border-gray-100">
<div className="px-4 py-2"> <div className="px-4 py-2">
@ -153,14 +161,6 @@ export default function EmailList({
/> />
</div> </div>
{/* Only show bulk actions when emails are explicitly selected via checkboxes */}
{selectedEmailIds.length > 0 && (
<BulkActionsToolbar
selectedCount={selectedEmailIds.length}
onBulkAction={onBulkAction}
/>
)}
<div <div
className="flex-1 overflow-y-auto" className="flex-1 overflow-y-auto"
onScroll={handleScroll} onScroll={handleScroll}