@@ -72,35 +72,36 @@ export const Filter: React.FC<Props> = ({ options, title, param }) => {
72
72
const isSelected = selected . includes ( option . value ) ;
73
73
74
74
return (
75
- < div
76
- onMouseDownCapture = { ( ) => {
77
-
78
- const next = isSelected
79
- ? selected . filter ( ( v ) => v !== option . value )
80
- : Array . from ( new Set ( [ ...selected , option . value ] ) ) ;
81
- setSelected ( next ) ;
82
- } }
83
- >
84
- < CommandItem
85
- key = { option . value }
86
- onSelect = { ( ) => {
75
+ < div
76
+ onMouseDownCapture = { ( ) => {
87
77
const next = isSelected
88
78
? selected . filter ( ( v ) => v !== option . value )
89
79
: Array . from ( new Set ( [ ...selected , option . value ] ) ) ;
90
80
setSelected ( next ) ;
91
81
} }
92
82
>
93
- < div className = { cn (
94
- "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary" ,
95
- isSelected
96
- ? "bg-primary text-primary-foreground"
97
- : "opacity-50 [&_svg]:invisible" ,
98
- ) } >
99
- < Check className = { cn ( "h-4 w-4" ) } />
100
- </ div >
101
- < span className = "truncate text-ellipsis" > { option . label } </ span >
102
- </ CommandItem >
103
- </ div >
83
+ < CommandItem
84
+ key = { option . value }
85
+ onSelect = { ( ) => {
86
+ const next = isSelected
87
+ ? selected . filter ( ( v ) => v !== option . value )
88
+ : Array . from ( new Set ( [ ...selected , option . value ] ) ) ;
89
+ setSelected ( next ) ;
90
+ } }
91
+ >
92
+ < div
93
+ className = { cn (
94
+ "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary" ,
95
+ isSelected
96
+ ? "bg-primary text-primary-foreground"
97
+ : "opacity-50 [&_svg]:invisible" ,
98
+ ) }
99
+ >
100
+ < Check className = { cn ( "h-4 w-4" ) } />
101
+ </ div >
102
+ < span className = "truncate text-ellipsis" > { option . label } </ span >
103
+ </ CommandItem >
104
+ </ div >
104
105
) ;
105
106
} ) }
106
107
</ CommandGroup >
0 commit comments