{website ? `${website.name} | Umami Console` : 'Umami Console'}

'use client'; import { Button } from 'react-basics'; import Head from 'next/head'; import Link from 'next/link'; import Script from 'next/script'; import WebsiteSelect from 'components/input/WebsiteSelect'; import Page from 'components/layout/Page'; import PageHeader from 'components/layout/PageHeader'; import EventsChart from 'components/metrics/EventsChart'; import WebsiteChart from 'app/(main)/websites/[id]/WebsiteChart'; import useApi from 'components/hooks/useApi'; import useNavigation from 'components/hooks/useNavigation'; import styles from './TestConsole.module.css'; export function TestConsole({ websiteId }: { websiteId: string }) { const { get, useQuery } = useApi(); const { data, isLoading, error } = useQuery({ queryKey: ['websites:me'], queryFn: () => get('/me/websites'), }); const { router } = useNavigation(); function handleChange(value: string) { router.push(`/console/${value}`); } function handleClick() { window['umami'].track({ url: '/page-view', referrer: 'https://www.google.com' }); window['umami'].track('track-event-no-data'); window['umami'].track('track-event-with-data', { test: 'test-data', boolean: true, booleanError: 'true', time: new Date(), number: 1, number2: Math.random() * 100, time2: new Date().toISOString(), nested: { test: 'test-data', number: 1, object: { test: 'test-data', }, }, array: [1, 2, 3], }); } function handleIdentifyClick() { window['umami'].identify({ userId: 123, name: 'brian', number: Math.random() * 100, test: 'test-data', boolean: true, booleanError: 'true', time: new Date(), time2: new Date().toISOString(), nested: { test: 'test-data', number: 1, object: { test: 'test-data', }, }, array: [1, 2, 3], }); } if (!data) { return null; } const website = data?.data.find(({ id }) => websiteId === id); return ( {website ? `${website.name} | Umami Console` : 'Umami Console'} {website && (