diff --git a/src/pages/Rfm.tsx b/src/pages/Rfm.tsx index a0a4bf0..9854a71 100644 --- a/src/pages/Rfm.tsx +++ b/src/pages/Rfm.tsx @@ -1,4 +1,4 @@ -import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; +import { useCallback, useEffect, useMemo, useState } from 'react'; import { Link, useOutletContext } from 'react-router-dom'; import { ChevronLeft, ChevronRight, Download, Filter, Loader2, Search, Users } from 'lucide-react'; import DateRangePicker from '../components/DateRangePicker'; @@ -159,7 +159,6 @@ const Rfm = () => { const [selectedSegmentKey, setSelectedSegmentKey] = useState(''); const [currentPage, setCurrentPage] = useState(1); const [itemsPerPage, setItemsPerPage] = useState(20); - const segmentFocusRef = useRef(null); const loadRfm = useCallback(async (range: DateRange, options?: { force?: boolean }) => { const cachedAnalytics = options?.force ? undefined : getCachedRfmAnalytics(range); @@ -217,18 +216,10 @@ const Rfm = () => { } }; - const handlePointerDown = (event: PointerEvent) => { - const target = event.target; - if (target instanceof Node && segmentFocusRef.current?.contains(target)) return; - clearSegmentFocus(); - }; - document.addEventListener('keydown', handleKeyDown); - document.addEventListener('pointerdown', handlePointerDown); return () => { document.removeEventListener('keydown', handleKeyDown); - document.removeEventListener('pointerdown', handlePointerDown); }; }, [clearSegmentFocus, segmentFilter, selectedSegmentKey]); @@ -381,7 +372,7 @@ const Rfm = () => { -
+