pooler-logs.tsx37 lines · main

1	import { useParams } from 'common'
2	import { parseAsString, useQueryState } from 'nuqs'
3	import { LogoLoader } from 'ui'
4
5	import { LogsTableName } from '@/components/interfaces/Settings/Logs/Logs.constants'
6	import { LogsPreviewer } from '@/components/interfaces/Settings/Logs/LogsPreviewer'
7	import DefaultLayout from '@/components/layouts/DefaultLayout'
8	import LogsLayout from '@/components/layouts/LogsLayout/LogsLayout'
9	import { useSupavisorConfigurationQuery } from '@/data/database/supavisor-configuration-query'
10	import type { NextPageWithLayout } from '@/types'
11
12	export const LogPage: NextPageWithLayout = () => {
13	const { ref } = useParams()
14	const [identifier] = useQueryState('db', parseAsString)
15	const { isPending: isLoading } = useSupavisorConfigurationQuery({ projectRef: ref ?? 'default' })
16
17	// this prevents initial load of pooler logs before config has been retrieved
18	if (isLoading) return <LogoLoader />
19
20	return (
21	<LogsPreviewer
22	condensedLayout
23	queryType="supavisor"
24	projectRef={ref as string}
25	tableName={LogsTableName.SUPAVISOR}
26	filterOverride={!!identifier ? { identifier } : undefined}
27	/>
28	)
29	}
30
31	LogPage.getLayout = (page) => (
32	<DefaultLayout>
33	<LogsLayout title="Pooler Logs">{page}</LogsLayout>
34	</DefaultLayout>
35	)
36
37	export default LogPage