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

feat: enhance ServizioPrezzo button styles with conditional classes for better visual feedback

Browse source
This commit is contained in:
Marco Pedone 2026-03-30 16:25:48 +02:00
parent 450cac1e1d
commit 508f00c02f
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
apps/infoalloggi/src/components/servizio/servizio_actions.tsx
View file

@ -47,7 +47,7 @@ import {
FormEditServizio, FormEditServizio,
} from "~/forms/FormEditServizioAdmin"; } from "~/forms/FormEditServizioAdmin";
import { FormNewOrder } from "~/forms/FormNewOrdine"; import { FormNewOrder } from "~/forms/FormNewOrdine";
import { formatCurrency } from "~/lib/utils"; import { cn, formatCurrency } from "~/lib/utils";
import { useTranslation } from "~/providers/I18nProvider"; import { useTranslation } from "~/providers/I18nProvider";
import { useServizio } from "~/providers/ServizioProvider"; import { useServizio } from "~/providers/ServizioProvider";
import type { AnnunciId } from "~/schemas/public/Annunci"; import type { AnnunciId } from "~/schemas/public/Annunci";
@ -118,7 +118,16 @@ const ServizioPrezzo = () => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button className="flex-1" variant="outline"> <Button
className={cn(
"flex-1 text-white hover:text-white dark:text-white dark:hover:text-white",
servizio.tipologia === TipologiaPosizioneEnum.Transitorio &&
"border-transitorio bg-transitorio hover:border-transitorio/90 hover:bg-transitorio/90 dark:border-transitorio dark:bg-transitorio dark:hover:border-transitorio/90 dark:hover:bg-transitorio/90",
servizio.tipologia === TipologiaPosizioneEnum.Stabile &&
"border-stabile bg-stabile hover:border-stabile/90 hover:bg-stabile/90 dark:border-stabile dark:bg-stabile dark:hover:border-stabile/90 dark:hover:bg-stabile/90",
)}
variant="outline"
>
<Euro /> <Euro />
<span>Costo Servizio</span> <span>Costo Servizio</span>
</Button> </Button>