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

Refactor Interactions component layout for improved structure and clarity

Browse source
This commit is contained in:
Marco Pedone 2025-08-11 15:29:25 +02:00
parent acffaf85b6
commit e9a8174c3d
1 changed files with 51 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
apps/infoalloggi/src/components/servizio/interactions.tsx
View file

@ -45,46 +45,64 @@ export const Interactions = () => {
const { data, annuncioId } = useServizioAnnuncio();
return (
<div className="flex flex-wrap gap-3">
<div className="flex flex-col gap-3">
<ContattiProprietarioModal />
{data.open_contatti_at !== null && data.user_confirmed_at == null && (
<AnnuncioConfirm />
)}
{data.user_confirmed_at && !data.hasConfermaAdmin && (
<ConfermaLavorazioneModal />
)}
{data.doc_conferma_added &&
data.accettato_conferma_at == null &&
data.hasConfermaAdmin &&
(data.doc_conferma_ref ? (
<div className="flex flex-wrap gap-3">
{data.open_contatti_at !== null && data.user_confirmed_at == null && (
<AnnuncioConfirm />
)}
{data.user_confirmed_at && !data.hasConfermaAdmin && (
<ConfermaLavorazioneModal />
)}
{data.doc_conferma_added &&
data.accettato_conferma_at == null &&
data.hasConfermaAdmin &&
(data.doc_conferma_ref ? (
<Link
aria-label="Conferma immobile"
href={`/servizio/conferma-immobile/${servizioId}/${annuncioId}`}
>
<Button
variant="success"
className="flex w-fit items-center gap-2"
>
<Pointer className="size-6" />
Confermato - Procedi ora
</Button>
</Link>
) : (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="success"
className="flex w-fit cursor-not-allowed items-center gap-2 opacity-50"
>
<Pointer className="size-6" />
Confermato - Procedi ora
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Il documento non è più disponibile</p>
<p>
Se hai bisogno di una copia, contattaci via email o chat.
</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
))}
{data.accettato_conferma_at != null && (
<Link
aria-label="Conferma immobile"
href={`/servizio/conferma-immobile/${servizioId}/${annuncioId}`}
href={`/servizio/riapri-conferma/${servizioId}/${annuncioId}`}
>
<Button variant="success" className="flex w-fit items-center gap-2">
<Pointer className="size-6" />
Confermato - Procedi ora
Rivedi la conferma
</Button>
</Link>
) : (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="success"
className="flex w-fit cursor-not-allowed items-center gap-2 opacity-50"
>
<Pointer className="size-6" />
Confermato - Procedi ora
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Il documento non è più disponibile</p>
<p>Se hai bisogno di una copia, contattaci via email o chat.</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
))}
)}
</div>
{!servizio.isOkSaldo && data.accettato_conferma_at != null && (
<div className="flex flex-col gap-1">
<h3 className="font-semibold">
@ -93,17 +111,7 @@ export const Interactions = () => {
<SaldoButton annuncioId={annuncioId} />
</div>
)}
{data.accettato_conferma_at != null && (
<Link
aria-label="Conferma immobile"
href={`/servizio/riapri-conferma/${servizioId}/${annuncioId}`}
>
<Button variant="success" className="flex w-fit items-center gap-2">
<Pointer className="size-6" />
Rivedi la conferma
</Button>
</Link>
)}
{servizio.isOkSaldo &&
data.accettato_conferma_at != null &&
data.doc_contratto_added == null && (