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

fix: add name attributes to input fields in FormEditOrder and SearchInput components

Browse source
This commit is contained in:
Marco Pedone 2026-04-07 16:05:30 +02:00
parent b4acbbaff9
commit 621d227760
2 changed files with 26 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/infoalloggi/src/components/ui/dataTable-toolbar.tsx
View file

@ -67,6 +67,7 @@ function SearchInput<TData>() {
return (
<Input
className="mt-0 h-8 w-37.5"
name={columnName}
onChange={(event) =>
table.getColumn(columnName)?.setFilterValue(event.target.value)
}
@ -78,6 +79,7 @@ function SearchInput<TData>() {
return (
<Input
className="mt-0 h-8 w-37.5"
name="globalSearch"
onChange={(event) => table.setGlobalFilter(String(event.target.value))}
placeholder={searchColumn.placeholder}
value={globalFilter ?? ""}

36
apps/infoalloggi/src/forms/FormEditOrdine.tsx
View file

@ -87,9 +87,9 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
toast.error(`Errore durante la rimozione ordine: ${error.message}`);
},
onSuccess: async () => {
toast.success("Ordine rimosso con successo!");
await utils.servizio.invalidate();
close();
toast.success("Ordine rimosso con successo!");
await utils.servizio.getOrdini.invalidate({});
},
});
@ -176,20 +176,21 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
render={({ field }) => (
<FormItem>
<div className="flex flex-wrap items-center gap-x-2">
<FormLabel htmlFor="titolo">Tipologia</FormLabel>
<FormLabel htmlFor="tipologia">Tipologia</FormLabel>
<FormMessage />
</div>
<FormControl>
<Select
defaultValue={field.value || ""}
name="type"
onValueChange={field.onChange}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectTrigger className="w-full" id="tipologia">
<SelectValue placeholder="Seleziona tipologia" />
</SelectTrigger>
</FormControl>
<SelectContent id="select-color">
<SelectContent>
{Object.values(OrderTypeEnum).map((option) => (
<SelectItem key={option} value={option}>
{option}
@ -262,6 +263,7 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
className="data-[state=checked]:bg-neutral-700"
defaultChecked={field.value}
id="isActive"
name="isActive"
onCheckedChange={field.onChange}
/>
</FormControl>
@ -279,20 +281,26 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
render={({ field }) => (
<FormItem>
<div className="flex flex-wrap items-center gap-x-2">
<FormLabel htmlFor="titolo">Stato Pagameto</FormLabel>
<FormLabel htmlFor="select-paymentstatus">
Stato Pagameto
</FormLabel>
<FormMessage />
</div>
<FormControl>
<Select
defaultValue={field.value || ""}
name="paymentstatus"
onValueChange={field.onChange}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectTrigger
className="w-full"
id="select-paymentstatus"
>
<SelectValue placeholder="Seleziona tipologia" />
</SelectTrigger>
</FormControl>
<SelectContent id="select-paymentstatus">
<SelectContent>
{Object.values(PaymentStatusEnum).map((option) => (
<SelectItem key={option} value={option}>
{option}
@ -310,7 +318,7 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
render={({ field }) => (
<FormItem>
<div className="flex flex-wrap items-center gap-x-2">
<FormLabel htmlFor="titolo">
<FormLabel htmlFor="select-paymentmethod">
Metodo di Pagamento
</FormLabel>
<FormMessage />
@ -318,14 +326,18 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
<FormControl>
<Select
defaultValue={field.value || ""}
name="paymentmethod"
onValueChange={field.onChange}
>
<FormControl>
<SelectTrigger className="w-full">
<SelectTrigger
className="w-full"
id="select-paymentmethod"
>
<SelectValue placeholder="Seleziona tipologia" />
</SelectTrigger>
</FormControl>
<SelectContent id="select-paymentmethod">
<SelectContent>
{PAYMENT_TYPES.map((option) => (
<SelectItem key={option} value={option}>
{option}
@ -353,7 +365,7 @@ export const FormEditOrder = ({ prezziario, data, close }: FormProps) => {
field.onChange(Number.parseInt(value));
}}
>
<SelectTrigger className="w-45">
<SelectTrigger className="w-45" id="sconto">
<SelectValue placeholder="Sconto" />
</SelectTrigger>
<SelectContent>