a3c1af7c95
Consistency fixes: - Extract getThisWeekRange/getThisMonthRange to shared lib/utils/dateRanges.ts (removed 4 identical copy-pasted definitions) - Add error boundaries for behavior, cdn, search, pagespeed pages (4 new error.tsx files — previously fell through to generic parent error) - Add "View setup guide" CTA to empty states on journeys and behavior pages (previously showed text with no actionable button) - Fix non-lazy useState initializer in funnel detail page - Fix Bot & Spam settings header from text-xl to text-2xl (matches all other sections) - Add useMinimumLoading to PageSpeed skeleton (consistent with all other pages) Cleanup: - Remove 438 redundant dark: class prefixes (app is dark-mode only) text-neutral-500 dark:text-neutral-400 → text-neutral-400 (206 occurrences) text-neutral-900 dark:text-white → text-white (232 occurrences) - Remove dead @stripe/react-stripe-js and @stripe/stripe-js packages (billing migrated to Polar, no code imports Stripe) - Remove duplicate motion package (framer-motion is the one actually used)
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import { type DimensionFilter, filterLabel } from '@/lib/filters'
|
|
|
|
interface FilterBarProps {
|
|
filters: DimensionFilter[]
|
|
onRemove: (index: number) => void
|
|
onClear: () => void
|
|
}
|
|
|
|
export default function FilterBar({ filters, onRemove, onClear }: FilterBarProps) {
|
|
if (filters.length === 0) return null
|
|
|
|
return (
|
|
<>
|
|
{filters.map((f, i) => (
|
|
<button
|
|
key={`${f.dimension}-${f.operator}-${f.values.join(',')}`}
|
|
onClick={() => onRemove(i)}
|
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-brand-orange text-white hover:bg-brand-orange/80 transition-colors cursor-pointer group"
|
|
title={`Remove filter: ${filterLabel(f)}`}
|
|
>
|
|
<span>{filterLabel(f)}</span>
|
|
<svg className="w-3 h-3 opacity-70 group-hover:opacity-100" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
|
|
<path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
))}
|
|
{filters.length > 1 && (
|
|
<button
|
|
onClick={onClear}
|
|
className="px-2 py-1.5 text-xs font-medium text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
|
|
>
|
|
Clear all
|
|
</button>
|
|
)}
|
|
</>
|
|
)
|
|
}
|