diff --git a/package.components.json b/package.components.json index 927e0660..d231f5b9 100644 --- a/package.components.json +++ b/package.components.json @@ -1,6 +1,6 @@ { "name": "@umami/components", - "version": "0.127.0", + "version": "0.128.0", "description": "Umami React components.", "author": "Mike Cao ", "license": "MIT", diff --git a/src/components/hooks/queries/useEventDataEventsQuery.ts b/src/components/hooks/queries/useEventDataEventsQuery.ts index 5273181e..2c91dece 100644 --- a/src/components/hooks/queries/useEventDataEventsQuery.ts +++ b/src/components/hooks/queries/useEventDataEventsQuery.ts @@ -5,7 +5,7 @@ import { ReactQueryOptions } from '@/lib/types'; export function useEventDataEventsQuery(websiteId: string, options?: ReactQueryOptions) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useEventDataPropertiesQuery.ts b/src/components/hooks/queries/useEventDataPropertiesQuery.ts index 26929700..19a2eb61 100644 --- a/src/components/hooks/queries/useEventDataPropertiesQuery.ts +++ b/src/components/hooks/queries/useEventDataPropertiesQuery.ts @@ -5,7 +5,7 @@ import { ReactQueryOptions } from '@/lib/types'; export function useEventDataPropertiesQuery(websiteId: string, options?: ReactQueryOptions) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useEventDataQuery.ts b/src/components/hooks/queries/useEventDataQuery.ts index 00f5d14d..7e6f66ec 100644 --- a/src/components/hooks/queries/useEventDataQuery.ts +++ b/src/components/hooks/queries/useEventDataQuery.ts @@ -5,7 +5,7 @@ import { ReactQueryOptions } from '@/lib/types'; export function useEventDataQuery(websiteId: string, eventId: string, options?: ReactQueryOptions) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const params = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useEventDataValuesQuery.ts b/src/components/hooks/queries/useEventDataValuesQuery.ts index 4b56e553..de3b0590 100644 --- a/src/components/hooks/queries/useEventDataValuesQuery.ts +++ b/src/components/hooks/queries/useEventDataValuesQuery.ts @@ -10,7 +10,7 @@ export function useEventDataValuesQuery( options?: ReactQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useResultQuery.ts b/src/components/hooks/queries/useResultQuery.ts index cbc5bf01..7b7a7bd1 100644 --- a/src/components/hooks/queries/useResultQuery.ts +++ b/src/components/hooks/queries/useResultQuery.ts @@ -10,7 +10,7 @@ export function useResultQuery( ) { const { websiteId, ...parameters } = params; const { post, useQuery } = useApi(); - const { startDate, endDate, timezone } = useDateParameters(websiteId); + const { startDate, endDate, timezone } = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useSessionDataPropertiesQuery.ts b/src/components/hooks/queries/useSessionDataPropertiesQuery.ts index 633a6ff8..2bb13950 100644 --- a/src/components/hooks/queries/useSessionDataPropertiesQuery.ts +++ b/src/components/hooks/queries/useSessionDataPropertiesQuery.ts @@ -5,7 +5,7 @@ import { ReactQueryOptions } from '@/lib/types'; export function useSessionDataPropertiesQuery(websiteId: string, options?: ReactQueryOptions) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useSessionDataValuesQuery.ts b/src/components/hooks/queries/useSessionDataValuesQuery.ts index bf7a8cef..05373d21 100644 --- a/src/components/hooks/queries/useSessionDataValuesQuery.ts +++ b/src/components/hooks/queries/useSessionDataValuesQuery.ts @@ -9,7 +9,7 @@ export function useSessionDataValuesQuery( options?: ReactQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsiteEventsQuery.ts b/src/components/hooks/queries/useWebsiteEventsQuery.ts index 0798524c..51902d2f 100644 --- a/src/components/hooks/queries/useWebsiteEventsQuery.ts +++ b/src/components/hooks/queries/useWebsiteEventsQuery.ts @@ -15,7 +15,7 @@ export function useWebsiteEventsQuery( options?: ReactQueryOptions, ) { const { get } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return usePagedQuery({ diff --git a/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts b/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts index 86fbe428..50861cee 100644 --- a/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts +++ b/src/components/hooks/queries/useWebsiteEventsSeriesQuery.ts @@ -5,7 +5,7 @@ import { ReactQueryOptions } from '@/lib/types'; export function useWebsiteEventsSeriesQuery(websiteId: string, options?: ReactQueryOptions) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts b/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts index 9718dfe1..8fc9fc7b 100644 --- a/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts +++ b/src/components/hooks/queries/useWebsiteExpandedMetricsQuery.ts @@ -19,7 +19,7 @@ export function useWebsiteExpandedMetricsQuery( options?: ReactQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsiteMetricsQuery.ts b/src/components/hooks/queries/useWebsiteMetricsQuery.ts index f521798e..8370db8e 100644 --- a/src/components/hooks/queries/useWebsiteMetricsQuery.ts +++ b/src/components/hooks/queries/useWebsiteMetricsQuery.ts @@ -15,7 +15,7 @@ export function useWebsiteMetricsQuery( options?: ReactQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsitePageviewsQuery.ts b/src/components/hooks/queries/useWebsitePageviewsQuery.ts index c2a12b0b..5784cae8 100644 --- a/src/components/hooks/queries/useWebsitePageviewsQuery.ts +++ b/src/components/hooks/queries/useWebsitePageviewsQuery.ts @@ -13,7 +13,7 @@ export function useWebsitePageviewsQuery( options?: ReactQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const queryParams = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts b/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts index 8d1f5d55..9c9aaddc 100644 --- a/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts +++ b/src/components/hooks/queries/useWebsiteSessionStatsQuery.ts @@ -4,7 +4,7 @@ import { useDateParameters } from '../useDateParameters'; export function useWebsiteSessionStatsQuery(websiteId: string, options?: Record) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWebsiteSessionsQuery.ts b/src/components/hooks/queries/useWebsiteSessionsQuery.ts index f16cfc85..a3de19ca 100644 --- a/src/components/hooks/queries/useWebsiteSessionsQuery.ts +++ b/src/components/hooks/queries/useWebsiteSessionsQuery.ts @@ -10,7 +10,7 @@ export function useWebsiteSessionsQuery( ) { const { get } = useApi(); const { modified } = useModified(`sessions`); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return usePagedQuery({ diff --git a/src/components/hooks/queries/useWebsiteStatsQuery.ts b/src/components/hooks/queries/useWebsiteStatsQuery.ts index c42613a9..98ae9d8f 100644 --- a/src/components/hooks/queries/useWebsiteStatsQuery.ts +++ b/src/components/hooks/queries/useWebsiteStatsQuery.ts @@ -23,7 +23,7 @@ export function useWebsiteStatsQuery( options?: UseQueryOptions, ) { const { get, useQuery } = useApi(); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/hooks/queries/useWeeklyTrafficQuery.ts b/src/components/hooks/queries/useWeeklyTrafficQuery.ts index fe0bbae1..5c09670a 100644 --- a/src/components/hooks/queries/useWeeklyTrafficQuery.ts +++ b/src/components/hooks/queries/useWeeklyTrafficQuery.ts @@ -6,7 +6,7 @@ import { useFilterParameters } from '@/components/hooks/useFilterParameters'; export function useWeeklyTrafficQuery(websiteId: string, params?: Record) { const { get, useQuery } = useApi(); const { modified } = useModified(`sessions`); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); return useQuery({ diff --git a/src/components/input/ExportButton.tsx b/src/components/input/ExportButton.tsx index 76f63e2c..15fb2124 100644 --- a/src/components/input/ExportButton.tsx +++ b/src/components/input/ExportButton.tsx @@ -9,7 +9,7 @@ import { useFilterParameters } from '@/components/hooks/useFilterParameters'; export function ExportButton({ websiteId }: { websiteId: string }) { const { formatMessage, labels } = useMessages(); const [isLoading, setIsLoading] = useState(false); - const date = useDateParameters(websiteId); + const date = useDateParameters(); const filters = useFilterParameters(); const searchParams = useSearchParams(); const { get } = useApi(); diff --git a/src/components/input/WebsiteSelect.tsx b/src/components/input/WebsiteSelect.tsx index 21e8ad22..01861fbd 100644 --- a/src/components/input/WebsiteSelect.tsx +++ b/src/components/input/WebsiteSelect.tsx @@ -14,14 +14,16 @@ export function WebsiteSelect({ teamId?: string; includeTeams?: boolean; } & SelectProps) { - const website = useWebsite(); const { formatMessage, messages } = useMessages(); + const website = useWebsite(); + const [name, setName] = useState(website?.name); const [search, setSearch] = useState(''); const { user } = useLoginQuery(); const { data, isLoading } = useUserWebsitesQuery( { userId: user?.id, teamId }, { search, pageSize: 10, includeTeams }, ); + const listItems: { id: string; name: string }[] = data?.['data'] || []; const handleSearch = (value: string) => { setSearch(value); @@ -31,10 +33,15 @@ export function WebsiteSelect({ setSearch(''); }; + const handleChange = (id: string) => { + setName(listItems.find(item => item.id === id)?.name); + onChange(id); + }; + const renderValue = () => { return ( - {website.name} + {name} ); }; @@ -42,13 +49,13 @@ export function WebsiteSelect({ return (