+3 -2

apps/web/src/components/forms/monitor/section-notifications.tsx

reviewed

··· 76 76 <FormControl className="h-full"> 77 77 <CheckboxLabel 78 78 id={String(item.id)} 79 79 + name={"notification"} 79 80 checked={field.value?.includes(item.id)} 80 81 onCheckedChange={(checked) => { 81 82 return checked ··· 85 86 ]) 86 87 : field.onChange( 87 88 field.value?.filter( 88 88 - (value) => value !== item.id, 89 89 - ), 89 89 + (value) => value !== item.id 90 90 + ) 90 91 ); 91 92 }} 92 93 >

+3 -2

apps/web/src/components/forms/monitor/section-scheduling.tsx

reviewed

··· 110 110 <FormControl className="h-full"> 111 111 <CheckboxLabel 112 112 id={item} 113 113 + name="region" 113 114 checked={field.value?.includes(item)} 114 115 onCheckedChange={(checked) => { 115 116 return checked ··· 119 120 ]) 120 121 : field.onChange( 121 122 field.value?.filter( 122 122 - (value) => value !== item, 123 123 - ), 123 123 + (value) => value !== item 124 124 + ) 124 125 ); 125 126 }} 126 127 >

+3 -2

apps/web/src/components/forms/monitor/section-status-page.tsx

reviewed

··· 79 79 <FormControl className="h-full"> 80 80 <CheckboxLabel 81 81 id={String(item.id)} 82 82 + name="page" 82 83 checked={field.value?.includes(item.id)} 83 84 onCheckedChange={(checked) => { 84 85 return checked ··· 88 89 ]) 89 90 : field.onChange( 90 91 field.value?.filter( 91 91 - (value) => value !== item.id, 92 92 - ), 92 92 + (value) => value !== item.id 93 93 + ) 93 94 ); 94 95 }} 95 96 >

+6 -3

apps/web/src/components/forms/shared/checkbox-label.tsx

reviewed

··· 10 10 checked?: boolean; 11 11 onCheckedChange(checked: boolean): void; 12 12 className?: string; 13 13 + name: string; 13 14 } 14 15 15 16 export function CheckboxLabel({ ··· 18 19 checked, 19 20 onCheckedChange, 20 21 className, 22 22 + name, 21 23 }: Props) { 22 24 return ( 23 25 <div className="relative h-full"> 24 26 <Checkbox 25 25 - id={id} 27 27 + id={`${name}-${id}`} 28 28 + name={name} 26 29 className="peer sr-only" 27 30 checked={checked} 28 31 onCheckedChange={onCheckedChange} 29 32 /> 30 33 <Label 31 31 - htmlFor={id} 34 34 + htmlFor={`${name}-${id}`} 32 35 className={cn( 33 36 "flex h-full items-center gap-1 rounded-md border border-border bg-popover p-4 pr-10 [&:has([data-state=checked])]:border-primary peer-data-[state=checked]:border-primary hover:bg-accent hover:text-accent-foreground", 34 34 - className, 37 37 + className 35 38 )} 36 39 > 37 40 {children}

+8 -4

apps/web/src/components/forms/status-report/section-connect.tsx

reviewed

··· 52 52 <FormControl className="w-full"> 53 53 <CheckboxLabel 54 54 id={String(item.id)} 55 55 + name="page" 55 56 checked={field.value?.includes(item.id)} 56 57 onCheckedChange={(checked) => { 58 58 + console.log(field, item.id, checked); 57 59 return checked 58 60 ? field.onChange([ 59 61 ...(field.value || []), ··· 61 63 ]) 62 64 : field.onChange( 63 65 field.value?.filter( 64 64 - (value) => value !== item.id, 65 65 - ), 66 66 + (value) => value !== item.id 67 67 + ) 66 68 ); 67 69 }} 68 70 > ··· 107 109 <FormControl className="w-full"> 108 110 <CheckboxLabel 109 111 id={String(item.id)} 112 112 + name="monitor" 110 113 checked={field.value?.includes(item.id)} 111 114 onCheckedChange={(checked) => { 115 115 + console.log(field, item.id, checked); 112 116 return checked 113 117 ? field.onChange([ 114 118 ...(field.value || []), ··· 116 120 ]) 117 121 : field.onChange( 118 122 field.value?.filter( 119 119 - (value) => value !== item.id, 120 120 - ), 123 123 + (value) => value !== item.id 124 124 + ) 121 125 ); 122 126 }} 123 127 >