Skip to content

VSN-2589 — Migrate all staff profile pages to shadcn/Tailwind

yahya.elmokhtari a demandé de fusionner VSN-2589 vers develop

Summary

Profile Information (/dashboard/staff/profil/information) — 6 files

  • Profile card: Dark purple gradient background (#362E74#6C5CE7), white avatar with dark initials, horizontal layout with avatar/name/badges/divider/contact inline, glass-morphic role and schedule badges
  • Secondary details: Purple bg-[#EDE9FB] card with left border, compact white rows for Outlook/WhatsApp/Birthday, inline editing with check/X icon buttons, Pencil edit trigger
  • Teams card: Matching purple background, white inner rows with gradient team avatars, purple hover effects
  • Main view: Asymmetric 3/5 + 2/5 grid layout, max-w-[1400px] centered, loading pill badge
  • Schedule modal: shadcn Dialog with purple header, 7-column weekly grid, color-coded leaves list with staggered animations
  • Settings dialog: shadcn Dialog placeholder

Work Status (/dashboard/staff/profil/status) — 1 file

  • Status grid with colored icon buttons, shadow-sm + purple hover on cards
  • shadcn Select/Checkbox/Button, sonner replacing MUI Snackbar
  • Lucide icons replacing MUI icons (Building2, Home, Car, UserX, etc.)

Notifications (/dashboard/staff/profil/notifications) — 6 files

  • Glass-morphic main card with animate-card-reveal
  • Desktop notification banner with Monitor icon and shadcn Button
  • shadcn Select for notification/email channels, shadcn Checkbox for settings
  • Lucide icons (Bell, Mail, AtSign, RefreshCw, Reply) replacing MUI icons
  • 3-column CSS grid layout for notification settings

Password (/dashboard/staff/profil/password) — 3 files

  • Glass-morphic card with KeyRound/ShieldCheck Lucide icons
  • Tailwind progress bar for password strength (replacing MUI LinearProgress)
  • shadcn FormField/ActionButtons, sonner replacing notistack
  • Reset mode with code input, timer, and resend button

Language & Region (/dashboard/staff/profil/languesandregion) — 2 files

  • Glass-morphic card with Globe icon header
  • View mode: info rows with Lucide icons in bg-[hsl(var(--p-100))] boxes
  • Edit mode: shadcn FormField grid with ActionButtons
  • Removed FontAwesome icon imports from form field config

Session History (/dashboard/staff/profil/sessionHistorique) — 3 files

  • CSS grid table with #DBD7F9 purple header row
  • Session rows with Lucide device icons (Laptop, Monitor, Smartphone, Tablet)
  • shadcn Button with LogOut icon for disconnect action
  • Green highlight for current session, Shield icon page header
  • Info banner with security message, shadcn TablePagination

Files modified (19)

  • information/view/all-information-view.tsx
  • information/components/big-card-infos.tsx
  • information/components/secondary-details.tsx
  • information/components/teams-card.tsx
  • information/components/Account-schedule-modal.tsx
  • information/components/account-schedule/WeeklySchedulePreview.tsx
  • information/components/account-schedule/LeavesList.tsx
  • information/components/account-schedule/SettingsDialog.tsx
  • status/components/work-status-principal.tsx
  • notifications/view/notifications-view.tsx
  • notifications/components/notifications-header.tsx
  • notifications/components/desktop-notification-banner.tsx
  • notifications/components/notifications-channels.tsx
  • notifications/components/notification-setting-item.tsx
  • notifications/components/notifications-setting-section.tsx
  • password/view/password-profile-view.tsx
  • password/components/password-form.tsx
  • password/components/password-strength-indicator.tsx
  • LanguesEtRegion/views/language-settings-view.tsx
  • LanguesEtRegion/utils/form-fields-language.ts
  • sessionHistory/view/session-history-list.tsx
  • sessionHistory/components/session-history-row.tsx
  • sessionHistory/utils/functions-helpers.tsx

Closes VSN-2589

Rapports de requête de fusion