VSN-2546 — Migrate absence & document request fiches to shadcn
Summary
Fiche Congé / Absence (/dashboard/rh/absence)
-
Form components: Migrated from MUI (
Grid,Tabs,Tab,CircularProgress,IconButton) to shadcn (FormField,FormContainer,ActionButtons). Custom Tailwind tab bar replacing MUI Tabs. -
Layout: 3 purple section cards — Employé (
Usericon), Détails de la demande (FileTexticon), Validation (ClipboardCheckicon). Progressive left border colors (#DBD7F9→#C4BEF5→#A89DF0),animate-section-inwith staggered delays. -
Notifications: Replaced
notistack(enqueueSnackbar) withSonner(toast.success/error/warning). -
Icons: Replaced FontAwesome (
faPaperclip) with Lucide React (Loader2,User,FileText,ClipboardCheck). -
List view: Added
relative z-10on control bar/tabs andrelative z-0on content to fix z-index overlap. Form wrapped inoverflow-y-auto flex-1 min-h-0for proper scrolling.
Fiche Demande de Document (/dashboard/rh/document)
-
Form components: Migrated from MUI (
Grid,Button,Stack,FontAwesomeIcon) to shadcn (FormField,FormContainer,ActionButtons, shadcnButton). -
Layout: 3 purple section cards — Demandeur (
Usericon), Détails de la demande (FileTexticon), Suivi & Observations (ClipboardListicon). Same progressive border colors and animation pattern. -
Icons: Replaced FontAwesome (
faPaperclip,faEnvelope) with Lucide React (Paperclip,Mail). - Personnel type selector: Styled with Tailwind in the demandeur card section.
-
Action buttons: shadcn
Buttonfor attach (Paperclip) and send (Mail) actions replacing MUI + FontAwesome buttons. - List view: Same z-index and scroll fixes as absence list view.
Files modified (4)
src/shared/sections/rh/absence/view/absence-new-view.tsxsrc/shared/sections/rh/absence/view/absence-list-view.tsxsrc/shared/sections/rh/document/view/document-form.tsxsrc/shared/sections/rh/document/view/document-list-view.tsx
Closes VSN-2546