realtime-logs.tsx29 lines · main
1import { useRouter } from 'next/router'
2
3import { LogsPreviewer } from '@/components/interfaces/Settings/Logs/LogsPreviewer'
4import DefaultLayout from '@/components/layouts/DefaultLayout'
5import LogsLayout from '@/components/layouts/LogsLayout/LogsLayout'
6import type { NextPageWithLayout } from '@/types'
7
8export const LogPage: NextPageWithLayout = () => {
9 const router = useRouter()
10 const { ref } = router.query
11
12 return (
13 <LogsPreviewer
14 projectRef={ref as string}
15 condensedLayout={true}
16 // @ts-ignore
17 tableName={'realtime_logs'}
18 queryType={'realtime'}
19 />
20 )
21}
22
23LogPage.getLayout = (page) => (
24 <DefaultLayout>
25 <LogsLayout title="Realtime Logs">{page}</LogsLayout>
26 </DefaultLayout>
27)
28
29export default LogPage