fix: update faceted icon color

satnaing · satnaing · commit c8aa7c3b2b93 · 2025-08-16T19:42:56.000+07:00
diff --git a/src/features/tasks/components/data-table-faceted-filter.tsx b/src/features/tasks/components/data-table-faceted-filter.tsx
@@ -110,7 +110,7 @@ export function DataTableFacetedFilter<TData, TValue>({
                           : 'opacity-50 [&_svg]:invisible'
                       )}
                     >
-                      <CheckIcon className={cn('h-4 w-4')} />
+                      <CheckIcon className={cn('text-background h-4 w-4')} />
                     </div>
                     {option.icon && (
                       <option.icon className='text-muted-foreground me-2 h-4 w-4' />
diff --git a/src/features/users/components/data-table-faceted-filter.tsx b/src/features/users/components/data-table-faceted-filter.tsx
@@ -109,7 +109,7 @@ export function DataTableFacetedFilter<TData, TValue>({
                           : 'opacity-50 [&_svg]:invisible'
                       )}
                     >
-                      <CheckIcon className={cn('h-4 w-4')} />
+                      <CheckIcon className={cn('text-background h-4 w-4')} />
                     </div>
                     {option.icon && (
                       <option.icon className='text-muted-foreground h-4 w-4' />

Original file line number	Diff line number	Diff line change
`@@ -110,7 +110,7 @@ export function DataTableFacetedFilter<TData, TValue>({`
`110`	`110`	`: 'opacity-50 [&_svg]:invisible'`
`111`	`111`	`)}`
`112`	`112`	`>`
`113`		`- <CheckIcon className={cn('h-4 w-4')} />`
	`113`	`+ <CheckIcon className={cn('text-background h-4 w-4')} />`
`114`	`114`	`</div>`
`115`	`115`	`{option.icon && (`
`116`	`116`	`<option.icon className='text-muted-foreground me-2 h-4 w-4' />`
Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ export function DataTableFacetedFilter<TData, TValue>({`
`109`	`109`	`: 'opacity-50 [&_svg]:invisible'`
`110`	`110`	`)}`
`111`	`111`	`>`
`112`		`- <CheckIcon className={cn('h-4 w-4')} />`
	`112`	`+ <CheckIcon className={cn('text-background h-4 w-4')} />`
`113`	`113`	`</div>`
`114`	`114`	`{option.icon && (`
`115`	`115`	`<option.icon className='text-muted-foreground h-4 w-4' />`