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();
return (
<div className="flex flex-wrap gap-3">
<div className="flex flex-col gap-3">
<ContattiProprietarioModal />
<div className="flex flex-wrap gap-3">
{data.open_contatti_at !== null && data.user_confirmed_at == null && (
<AnnuncioConfirm />
)}
@ -61,7 +62,10 @@ export const Interactions = () => {
aria-label="Conferma immobile"
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" />
Confermato - Procedi ora
</Button>
@ -80,19 +84,13 @@ export const Interactions = () => {
</TooltipTrigger>
<TooltipContent>
<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>
</Tooltip>
</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 && (
<Link
aria-label="Conferma immobile"
@ -104,6 +102,16 @@ export const Interactions = () => {
</Button>
</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 &&
data.accettato_conferma_at != null &&
data.doc_contratto_added == null && (