pull/715/head
Travis Fischer 2025-06-17 08:11:39 +07:00
rodzic 3ff95d6a8c
commit 38cdbe57e1
2 zmienionych plików z 70 dodań i 0 usunięć

Wyświetl plik

@ -0,0 +1,57 @@
'use client'
import { useQuery } from '@tanstack/react-query'
import { useAuthenticatedAgentic } from '@/components/agentic-provider'
import { LoadingIndicator } from '@/components/loading-indicator'
import { toastError } from '@/lib/notifications'
export function AppConsumerIndex({ consumerId }: { consumerId: string }) {
const ctx = useAuthenticatedAgentic()
const {
data: consumer,
isLoading,
isError
} = useQuery({
queryKey: ['consumer', consumerId],
queryFn: () =>
ctx!.api
.getConsumer({
consumerId,
populate: ['project']
})
.catch((err: any) => {
void toastError(
`Failed to fetch customer subscription "${consumerId}"`
)
throw err
}),
enabled: !!ctx
})
return (
<section>
{!ctx || isLoading ? (
<LoadingIndicator />
) : isError ? (
<p>Error fetching customer subscription "{consumerId}"</p>
) : !consumer ? (
<p>Customer subscription "{consumerId}" not found</p>
) : (
<>
<h1
className='text-center text-balance leading-snug md:leading-none
text-4xl font-extrabold tracking-tight
'
>
Subscription to {consumer.project.name}
</h1>
<div className='mt-8'>
<pre className='max-w-lg'>{JSON.stringify(consumer, null, 2)}</pre>
</div>
</>
)}
</section>
)
}

Wyświetl plik

@ -0,0 +1,13 @@
import { AppConsumerIndex } from './app-consumer-index'
export default async function AppConsumerIndexPage({
params
}: {
params: Promise<{
consumerId: string
}>
}) {
const { consumerId } = await params
return <AppConsumerIndex consumerId={consumerId} />
}