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