Skip to main content
ConversationFilters component

​
Props

​
filters
ConversationFiltersType
required
filters
​
onFilterChange
<K extends keyof ConversationFiltersType>( key: K, value: ConversationFiltersType[K] ) => void
required
onFilterChange
​
onFiltersChange
(filters: Partial<ConversationFiltersType>) => void
onFiltersChange
​
onReset
() => void
required
onReset
​
onPresetApply
(presetId: string) => void
required
onPresetApply
​
onStatusToggle
(status: JobStatus) => void
onStatusToggle
​
onOutcomeToggle
(outcome: CallOutcome) => void
required
onOutcomeToggle
​
onUrgencyToggle
(urgency: UrgencyLevel) => void
required
onUrgencyToggle
​
onCategoryToggle
(category: ProblemCategory) => void
required
onCategoryToggle
​
activePreset
ConversationFilterPreset | null
required
activePreset
​
hasFilters
boolean
required
hasFilters
​
totalCount
number
required
totalCount
​
filteredCount
number
required
filteredCount
​
presets
ConversationFilterPreset[]
required
presets

​
Usage

import { ConversationFilters } from '@/components/ConversationFilters';

export default function Example() {
  return (
    <ConversationFilters filters={filters} onFilterChange={onFilterChange} onReset={onReset} onPresetApply={onPresetApply} onOutcomeToggle={onOutcomeToggle} onUrgencyToggle={onUrgencyToggle} onCategoryToggle={onCategoryToggle} activePreset={activePreset} hasFilters={hasFilters} totalCount={totalCount} filteredCount={filteredCount} presets={presets} />
  );
}