81a7e5d62e
* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
|
|
import { RocketIcon } from 'lucide-react';
|
|
|
|
import CopyInput from '../forms/copy-input';
|
|
|
|
type Props = { id: string; secret: string };
|
|
|
|
export function CreateClientSuccess({ id, secret }: Props) {
|
|
return (
|
|
<div className="grid gap-4">
|
|
<CopyInput label="Client ID" value={id} />
|
|
{secret && (
|
|
<div className="w-full">
|
|
<CopyInput label="Secret" value={secret} />
|
|
<p className="mt-1 text-sm text-muted-foreground">
|
|
You will only need the secret if you want to send server events.
|
|
</p>
|
|
</div>
|
|
)}
|
|
<Alert>
|
|
<RocketIcon className="h-4 w-4" />
|
|
<AlertTitle>Get started!</AlertTitle>
|
|
<AlertDescription>
|
|
Read our{' '}
|
|
<a
|
|
target="_blank"
|
|
href="https://openpanel.dev/docs"
|
|
className="underline"
|
|
rel="noreferrer"
|
|
>
|
|
documentation
|
|
</a>{' '}
|
|
to get started. Easy peasy!
|
|
</AlertDescription>
|
|
</Alert>
|
|
</div>
|
|
);
|
|
}
|