From b741f7ce7289c52cc33218e344e5ca0c8d47184f Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Mon, 17 Nov 2025 18:39:58 +0100
Subject: [PATCH] refactor: update button styles in Counter component and
 improve Badge variant handling in forms

---
 apps/infoalloggi/src/components/counter.tsx          |  4 ++--
 apps/infoalloggi/src/forms/FormNewServizio.tsx       | 12 ++++--------
 .../src/forms/FormNewServizioAcquisto.tsx            | 12 ++++--------
 3 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/apps/infoalloggi/src/components/counter.tsx b/apps/infoalloggi/src/components/counter.tsx
index 30ff6cb..5d5b444 100644
--- a/apps/infoalloggi/src/components/counter.tsx
+++ b/apps/infoalloggi/src/components/counter.tsx
@@ -26,7 +26,7 @@ export const Counter = ({
 
 			<div className="flex items-center rounded-md border px-1">
 				<button
-					className="flex size-10 items-center justify-center leading-10 transition hover:opacity-75 disabled:opacity-50"
+					className="flex size-10 cursor-pointer items-center justify-center leading-10 transition hover:opacity-75 disabled:opacity-50"
 					disabled={disabled}
 					onClick={() => handleChange(-1)}
 					type="button"
@@ -50,7 +50,7 @@ export const Counter = ({
 				/>
 
 				<button
-					className="flex size-10 items-center justify-center leading-10 transition hover:opacity-75 disabled:opacity-50"
+					className="flex size-10 cursor-pointer items-center justify-center leading-10 transition hover:opacity-75 disabled:opacity-50"
 					disabled={disabled}
 					onClick={() => handleChange(1)}
 					type="button"
diff --git a/apps/infoalloggi/src/forms/FormNewServizio.tsx b/apps/infoalloggi/src/forms/FormNewServizio.tsx
index db00ac1..18c03ba 100644
--- a/apps/infoalloggi/src/forms/FormNewServizio.tsx
+++ b/apps/infoalloggi/src/forms/FormNewServizio.tsx
@@ -207,9 +207,9 @@ export const FormNewServizio = ({
 									onValueChange={(vals) => {
 										field.onChange(Number(vals[0]));
 									}}
-									rangeClassName="bg-neutral-700"
+									rangeClassName="bg-primary"
 									step={50}
-									thumbClassName="border-neutral-700"
+									thumbClassName="border-primary"
 									value={[form.getValues("budget")]}
 								/>
 							</FormControl>
@@ -574,15 +574,11 @@ export const FormNewServizio = ({
 											<FormItem>
 												<FormControl>
 													<Badge
-														className={cn(
-															"cursor-pointer text-sm",
-															field.value
-																? "bg-neutral-800 hover:bg-neutral-800 sm:hover:bg-neutral-900/80"
-																: "bg-neutral-200 text-neutral-700 hover:bg-neutral-200 sm:hover:bg-neutral-900/80 sm:hover:text-neutral-50",
-														)}
+														className={cn("cursor-pointer text-sm")}
 														onClick={() => {
 															field.onChange(!field.value);
 														}}
+														variant={field.value ? "default" : "secondary"}
 													>
 														{pair[1]}
 													</Badge>
diff --git a/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx b/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
index 45c63c4..f0f81e3 100644
--- a/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
+++ b/apps/infoalloggi/src/forms/FormNewServizioAcquisto.tsx
@@ -811,7 +811,7 @@ export const FormNewServizioAcquisto = ({
 																"h-[42px] w-full pl-3 text-left font-medium",
 																!field.value && "text-muted-foreground",
 																"rounded-lg border border-neutral-300 shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm disabled:cursor-not-allowed disabled:opacity-50 dark:focus:border-transparent",
-																		)}
+															)}
 															id="scadenza_motivazione_transitoria"
 															variant={"outline"}
 														>
@@ -892,15 +892,11 @@ export const FormNewServizioAcquisto = ({
 													<FormItem>
 														<FormControl>
 															<Badge
-																className={cn(
-																	"cursor-pointer text-sm",
-																	field.value
-																		? "bg-neutral-800 hover:bg-neutral-800 sm:hover:bg-neutral-900/80"
-																		: "bg-neutral-200 text-neutral-700 hover:bg-neutral-200 sm:hover:bg-neutral-900/80 sm:hover:text-neutral-50",
-																)}
+																className={cn("cursor-pointer text-sm")}
 																onClick={() => {
 																	field.onChange(!field.value);
 																}}
+																variant={field.value ? "default" : "secondary"}
 															>
 																{pair[1]}
 															</Badge>
@@ -1011,7 +1007,7 @@ export const FormNewServizioAcquisto = ({
 															"h-[42px] w-full pl-3 text-left font-medium",
 															!field.value && "text-muted-foreground",
 															"rounded-lg border border-neutral-300 shadow-xs outline-hidden file:border-0 file:bg-transparent file:font-medium file:text-sm disabled:cursor-not-allowed disabled:opacity-50 dark:focus:border-transparent",
-																		)}
+														)}
 														id="dataNascita"
 														variant={"outline"}
 													>