markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-04-19 00:51:18 +00:00
Code Releases Packages Activity

NORY-46: add button to create client

Browse source
This commit is contained in:
Markus Thielker 2025-01-14 19:04:13 +01:00
parent 1602dcaa0b
commit 92b92e13b5
2 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
dashboard/src/app/(inside)/client/create/page.tsx Normal file
View file

@ -0,0 +1,12 @@
export default async function CreateClientPage() {
return (
<div className="space-y-4">
<div>
<p className="text-3xl font-bold leading-tight tracking-tight">Create OAuth2 Client</p>
<p className="text-lg font-light">
Configure your new OAuth2 Client.
</p>
</div>
</div>
);
}

9
dashboard/src/app/(inside)/client/page.tsx
View file

@ -1,5 +1,7 @@
import { getOAuth2Api } from '@/ory/sdk/server'; import { getOAuth2Api } from '@/ory/sdk/server';
import { ClientDataTable } from '@/app/(inside)/client/data-table'; import { ClientDataTable } from '@/app/(inside)/client/data-table';
import { Button } from '@/components/ui/button';
import Link from 'next/link';
export interface FetchClientPageProps { export interface FetchClientPageProps {
pageSize: number; pageSize: number;
@ -50,11 +52,16 @@ export default async function ListClientPage() {
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<div> <div className="relative">
<p className="text-3xl font-bold leading-tight tracking-tight">OAuth2 Clients</p> <p className="text-3xl font-bold leading-tight tracking-tight">OAuth2 Clients</p>
<p className="text-lg font-light"> <p className="text-lg font-light">
See and manage all OAuth2 clients registered with your Ory Hydra instance See and manage all OAuth2 clients registered with your Ory Hydra instance
</p> </p>
<Button className="absolute bottom-0 right-0" asChild>
<Link href="/client/create">
Create new client
</Link>
</Button>
</div> </div>
<ClientDataTable <ClientDataTable
data={initialFetch.data} data={initialFetch.data}