diff --git a/frontend/app/components/shared/SessionsTabOverview/SessionsTabOverview.tsx b/frontend/app/components/shared/SessionsTabOverview/SessionsTabOverview.tsx index 39f544fc1..79fae1c9d 100644 --- a/frontend/app/components/shared/SessionsTabOverview/SessionsTabOverview.tsx +++ b/frontend/app/components/shared/SessionsTabOverview/SessionsTabOverview.tsx @@ -1,8 +1,4 @@ -import { Input } from 'antd'; import React from 'react'; -import { useStore } from 'App/mstore'; - -import { observer } from 'mobx-react-lite'; import NoSessionsMessage from 'Shared/NoSessionsMessage/NoSessionsMessage'; import MainSearchBar from 'Shared/MainSearchBar/MainSearchBar'; import usePageTitle from '@/hooks/usePageTitle'; @@ -13,22 +9,8 @@ import SessionHeader from './components/SessionHeader'; import LatestSessionsMessage from './components/LatestSessionsMessage'; function SessionsTabOverview() { - const [query, setQuery] = React.useState(''); - const { aiFiltersStore, searchStore } = useStore(); - const appliedFilter = searchStore.instance; usePageTitle('Sessions - OpenReplay'); - const handleKeyDown = (event: any) => { - if (event.key === 'Enter') { - fetchResults(); - } - }; - const fetchResults = () => { - void aiFiltersStore.omniSearch(query, appliedFilter.toData()); - }; - - const testingKey = - localStorage.getItem('__mauricio_testing_access') === 'true'; return ( <> @@ -36,15 +18,6 @@ function SessionsTabOverview() {
- {testingKey ? ( - setQuery(e.target.value)} - className="mb-2" - placeholder="ask session ai" - /> - ) : null}
@@ -59,4 +32,4 @@ export default withPermissions( '', false, false, -)(observer(SessionsTabOverview)); +)(SessionsTabOverview); diff --git a/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx b/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx index d22000d64..9e6bfb6b8 100644 --- a/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx +++ b/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx @@ -20,73 +20,13 @@ const tagIcons = { function SessionTags() { const { t } = useTranslation(); const screens = useBreakpoint(); - const { projectsStore, sessionStore, searchStore } = useStore(); - const total = sessionStore.total; + const { projectsStore, searchStore } = useStore(); const platform = projectsStore.active?.platform || ''; const activeTab = searchStore.activeTags; - const [isMobile, setIsMobile] = useState(false); - const [isDropdownOpen, setIsDropdownOpen] = useState(false); - const dropdownRef = useRef(null); - const filteredOptions = issues_types - .filter( - (tag) => - tag.type !== 'mouse_thrashing' && - (platform === 'web' - ? tag.type !== types.TAP_RAGE - : tag.type !== types.CLICK_RAGE), - ) - .map((tag) => ({ - value: tag.type, - icon: tagIcons[tag.type], - label: t(tag.name), - })); - - // Find the currently active option - const activeOption = - filteredOptions.find((option) => option.value === activeTab[0]) || - filteredOptions[0]; - - // Check if on mobile - useEffect(() => { - const checkIfMobile = () => { - setIsMobile(window.innerWidth < 768); - }; - - checkIfMobile(); - window.addEventListener('resize', checkIfMobile); - - return () => { - window.removeEventListener('resize', checkIfMobile); - }; - }, []); - - // Close dropdown when clicking outside - useEffect(() => { - const handleClickOutside = (event: MouseEvent) => { - if ( - dropdownRef.current && - !(dropdownRef.current as HTMLElement).contains(event.target as Node) - ) { - setIsDropdownOpen(false); - } - }; - - document.addEventListener('mousedown', handleClickOutside); - return () => { - document.removeEventListener('mousedown', handleClickOutside); - }; - }, []); - - // Handler for dropdown item selection - const handleSelectOption = (value: string) => { - searchStore.toggleTag(value as any); - setIsDropdownOpen(false); - }; - - if (total === 0 && (activeTab.length === 0 || activeTab[0] === 'all')) { - return null; - } + React.useEffect(() => { + searchStore.toggleTag(types.ALL); + }, [projectsStore.activeSiteId]) return (