diff --git a/src/components/hooks/useDateRange.ts b/src/components/hooks/useDateRange.ts index 4de13ae8..0a82d5a3 100644 --- a/src/components/hooks/useDateRange.ts +++ b/src/components/hooks/useDateRange.ts @@ -10,7 +10,6 @@ import { useNavigation } from './useNavigation'; export interface UseDateRangeOptions { ignoreOffset?: boolean; - useQueryParameter?: boolean; } export function useDateRange(websiteId?: string, options: UseDateRangeOptions = {}) { @@ -21,11 +20,7 @@ export function useDateRange(websiteId?: string, options: UseDateRangeOptions = } = useNavigation(); const websiteConfig = useWebsites(state => state[websiteId]?.dateRange); const globalConfig = useApp(state => state.dateRangeValue); - const dateValue = - (options.useQueryParameter ? date : false) || - websiteConfig?.value || - globalConfig || - DEFAULT_DATE_RANGE_VALUE; + const dateValue = websiteConfig?.value || date || globalConfig || DEFAULT_DATE_RANGE_VALUE; const dateRange = useMemo(() => { const dateRangeObject = parseDateRange(dateValue, locale); diff --git a/src/components/input/WebsiteSelect.tsx b/src/components/input/WebsiteSelect.tsx index 917c7d21..0df4c1af 100644 --- a/src/components/input/WebsiteSelect.tsx +++ b/src/components/input/WebsiteSelect.tsx @@ -1,6 +1,12 @@ import { useState } from 'react'; import { Select, SelectProps, ListItem, Text } from '@umami/react-zen'; -import { useUserWebsitesQuery, useWebsiteQuery, useNavigation } from '@/components/hooks'; +import { + useUserWebsitesQuery, + useWebsiteQuery, + useNavigation, + useMessages, +} from '@/components/hooks'; +import { Empty } from '@/components/common/Empty'; export function WebsiteSelect({ websiteId, @@ -10,6 +16,7 @@ export function WebsiteSelect({ websiteId?: string; teamId?: string; } & SelectProps) { + const { formatMessage, messages } = useMessages(); const { router, renderUrl } = useNavigation(); const [search, setSearch] = useState(''); const { data: website } = useWebsiteQuery(websiteId); @@ -23,6 +30,10 @@ export function WebsiteSelect({ setSearch(value); }; + const handleOpenChange = () => { + setSearch(''); + }; + return (