Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

refactor: improve layout of document upload section in DocCheckpoint component

Browse source
This commit is contained in:
Marco Pedone 2025-12-16 11:22:56 +01:00
parent afda4cca6c
commit 74f2d996ba
1 changed files with 33 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
apps/infoalloggi/src/components/servizio/modale_contatti.tsx
View file

@ -117,7 +117,7 @@ const DocCheckpoint = ({ setStep }: { setStep: (value: boolean) => void }) => {
return (
<>
<CredenzaBody className="max-h-[80vh] overflow-auto pb-5">
<div className="flex flex-col gap-4">
<div className="flex flex-col flex-wrap gap-4">
<div>
<p className="font-semibold">Carica i tuoi documenti</p>
<p>
@ -126,37 +126,39 @@ const DocCheckpoint = ({ setStep }: { setStep: (value: boolean) => void }) => {
</p>
</div>
<DocumentiUploadSection
caricatoNote
document={servizio.doc_personale_fronte}
isAdmin={isAdmin}
isPending={isPending}
onRemove={() =>
mutate({
userId,
data: { doc_personale_fronte_ref: null },
})
}
onUpload={(id) => handleUpload("doc_personale_fronte_ref", id)}
title="Documento d'identità - Fronte"
userId={userId}
/>
<div className="flex flex-col flex-wrap justify-around gap-x-10 gap-y-4 sm:flex-row">
<DocumentiUploadSection
caricatoNote
document={servizio.doc_personale_fronte}
isAdmin={isAdmin}
isPending={isPending}
onRemove={() =>
mutate({
userId,
data: { doc_personale_fronte_ref: null },
})
}
onUpload={(id) => handleUpload("doc_personale_fronte_ref", id)}
title="Documento d'identità - Fronte"
userId={userId}
/>
<DocumentiUploadSection
caricatoNote
document={servizio.doc_personale_retro}
isAdmin={isAdmin}
isPending={isPending}
onRemove={() =>
mutate({
userId,
data: { doc_personale_retro_ref: null },
})
}
onUpload={(id) => handleUpload("doc_personale_retro_ref", id)}
title="Documento d'identità - Retro"
userId={userId}
/>
<DocumentiUploadSection
caricatoNote
document={servizio.doc_personale_retro}
isAdmin={isAdmin}
isPending={isPending}
onRemove={() =>
mutate({
userId,
data: { doc_personale_retro_ref: null },
})
}
onUpload={(id) => handleUpload("doc_personale_retro_ref", id)}
title="Documento d'identità - Retro"
userId={userId}
/>
</div>
<p className="text-muted-foreground text-sm">
I tuoi dati saranno conservati solamente per la durata del servizio,