VSN-2590 — Migrate staff email history page to shadcn with unified table design
Summary
Email History (/dashboard/staff/email) — 6 files
-
List view (
email-list-view.tsx): Replaced MUIBox/Stack/Menu/TableManagerwith CSS grid table usingTableHeadCustomwith#DBD7F9purple header, shadcnTableControlBar/TabsCustom/TablePagination, skeleton loading states, proper z-index layering for controls -
Table row (
email-table-row.tsx): Replaced MUITableCell/Checkbox/Chip/ContratStyledRow/SvgColorwith CSS grid row — colored left border per status (green=sent, yellow=pending, red=failed), shadcnCheckbox, Tailwind status badges, LucideEye(view) andRefreshCw(resend) action icons with colored hover states -
Detail modal (
email-detail-modal.tsx): Replaced MUIDialog/Paper/Collapse/Chipwith shadcnDialog— dark purple gradient header with email-client layout (De/À/Date withUserCircle/AtSign/CalendarDaysicons), status pill with contextual icon (Send/Clock/XCircle), clean email body area, attachment strip with download hover effect, collapsible error logs withAlertTriangle -
Filters (
email-filters.tsx): Replaced MUIAccordion/TextField/Checkbox/DatePickerwith shadcnCheckbox/Input/Button, native date inputs, Lucide icons (Filter/Calendar/Search) -
Export (
email-export.tsx): Replaced MUIMenu/MenuItemwith shadcnDropdownMenu— colored Lucide icons (PDFFileTextred, CSVTable2green, PrintPrinterblue), simplified API (no anchor element needed) -
Page route (
page.tsx): Removed MUIBoximport
Files modified (6)
src/app/dashboard/staff/email/page.tsxsrc/shared/sections/staff/historiqueEmail/view/email-list-view.tsxsrc/shared/sections/staff/historiqueEmail/view/email-table-row.tsxsrc/shared/sections/staff/historiqueEmail/components/email-detail-modal.tsxsrc/shared/sections/staff/historiqueEmail/components/email-filters.tsx-
src/shared/sections/staff/historiqueEmail/components/email-export.tsxCloses VSN-2590