renaud/espace-paie-odentas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Ajout des cards Infos salarié et Infos structure sur page staff/contrats/[id]

Browse source
This commit is contained in:
odentas 2025-12-04 15:56:03 +01:00
parent fab3b25094
commit 23870cc2be
1 changed files with 64 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
components/staff/contracts/ContractEditor.tsx
View file

@ -2902,6 +2902,70 @@ export default function ContractEditor({
maxDate={contract.date_fin}
/>
{/* Card Infos salarié */}
<Card className="rounded-3xl overflow-hidden">
<CardHeader className="bg-slate-50 border-b border-slate-200">
<CardTitle className="flex items-center gap-3">
<Users className="size-5 text-slate-600" />
<span>Infos salarié</span>
</CardTitle>
</CardHeader>
<CardContent className="p-6">
<div className="space-y-3">
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Nom et prénom</span>
<span className="font-medium text-gray-900">
{salarie?.nom || contract.employee_name || "Non défini"}
</span>
</div>
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Adresse e-mail</span>
<span className="text-sm text-gray-700">
{salarie?.email || contract.salaries?.adresse_mail || "Non renseigné"}
</span>
</div>
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Matricule</span>
<span className="text-sm font-mono text-gray-700">
{salarie?.matricule || salarie?.code_salarie || contract.salaries?.code_salarie || contract.employee_matricule || "Non renseigné"}
</span>
</div>
</div>
</CardContent>
</Card>
{/* Card Infos structure */}
<Card className="rounded-3xl overflow-hidden">
<CardHeader className="bg-indigo-50 border-b border-indigo-200">
<CardTitle className="flex items-center gap-3">
<Users className="size-5 text-indigo-600" />
<span>Infos structure</span>
</CardTitle>
</CardHeader>
<CardContent className="p-6">
<div className="space-y-3">
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Nom de la structure</span>
<span className="font-medium text-gray-900">
{organizationDetails?.name || organizationDetails?.organization_name || "Non défini"}
</span>
</div>
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Code employeur</span>
<span className="text-sm font-mono text-gray-700">
{organizationDetails?.code_employeur || organizationDetails?.organization_code || organizationDetails?.organization_details?.code_employeur || "Non renseigné"}
</span>
</div>
<div className="flex flex-col space-y-1">
<span className="text-xs text-gray-500 font-medium">Convention collective</span>
<span className="text-sm text-gray-700">
{organizationDetails?.organization_details?.ccn || "Convention Collective Nationale des Entreprises Artistiques & Culturelles"}
</span>
</div>
</div>
</CardContent>
</Card>
{/* Card de suivi de signature électronique */}
<Card className="rounded-3xl overflow-hidden">
<CardHeader className={`${getSignatureStatus().bgColor} ${getSignatureStatus().borderColor} border-b`}>