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

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

@ -45,8 +45,9 @@ export const Interactions = () => {
const { data, annuncioId } = useServizioAnnuncio(); const { data, annuncioId } = useServizioAnnuncio();
return ( return (
<div className="flex flex-wrap gap-3"> <div className="flex flex-col gap-3">
<ContattiProprietarioModal /> <ContattiProprietarioModal />
<div className="flex flex-wrap gap-3">
{data.open_contatti_at !== null && data.user_confirmed_at == null && ( {data.open_contatti_at !== null && data.user_confirmed_at == null && (
<AnnuncioConfirm /> <AnnuncioConfirm />
)} )}
@ -61,7 +62,10 @@ export const Interactions = () => {
aria-label="Conferma immobile" aria-label="Conferma immobile"
href={`/servizio/conferma-immobile/${servizioId}/${annuncioId}`} href={`/servizio/conferma-immobile/${servizioId}/${annuncioId}`}
> >
<Button variant="success" className="flex w-fit items-center gap-2"> <Button
variant="success"
className="flex w-fit items-center gap-2"
>
<Pointer className="size-6" /> <Pointer className="size-6" />
Confermato - Procedi ora Confermato - Procedi ora
</Button> </Button>
@ -80,19 +84,13 @@ export const Interactions = () => {
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<p>Il documento non è più disponibile</p> <p>Il documento non è più disponibile</p>
<p>Se hai bisogno di una copia, contattaci via email o chat.</p> <p>
Se hai bisogno di una copia, contattaci via email o chat.
</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
))} ))}
{!servizio.isOkSaldo && data.accettato_conferma_at != null && (
<div className="flex flex-col gap-1">
<h3 className="font-semibold">
Questo annuncio è stato confermato, procedi al saldo:
</h3>
<SaldoButton annuncioId={annuncioId} />
</div>
)}
{data.accettato_conferma_at != null && ( {data.accettato_conferma_at != null && (
<Link <Link
aria-label="Conferma immobile" aria-label="Conferma immobile"
@ -104,6 +102,16 @@ export const Interactions = () => {
</Button> </Button>
</Link> </Link>
)} )}
</div>
{!servizio.isOkSaldo && data.accettato_conferma_at != null && (
<div className="flex flex-col gap-1">
<h3 className="font-semibold">
Questo annuncio è stato confermato, procedi al saldo:
</h3>
<SaldoButton annuncioId={annuncioId} />
</div>
)}
{servizio.isOkSaldo && {servizio.isOkSaldo &&
data.accettato_conferma_at != null && data.accettato_conferma_at != null &&
data.doc_contratto_added == null && ( data.doc_contratto_added == null && (