From 92b92e13b56b78e5e778d7a32805eb79d449d9e4 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Tue, 14 Jan 2025 19:04:13 +0100
Subject: [PATCH] NORY-46: add button to create client

---
 dashboard/src/app/(inside)/client/create/page.tsx | 12 ++++++++++++
 dashboard/src/app/(inside)/client/page.tsx        |  9 ++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 dashboard/src/app/(inside)/client/create/page.tsx

diff --git a/dashboard/src/app/(inside)/client/create/page.tsx b/dashboard/src/app/(inside)/client/create/page.tsx
new file mode 100644
index 0000000..8b67099
--- /dev/null
+++ b/dashboard/src/app/(inside)/client/create/page.tsx
@@ -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>
+    );
+}
\ No newline at end of file
diff --git a/dashboard/src/app/(inside)/client/page.tsx b/dashboard/src/app/(inside)/client/page.tsx
index 0d3f5a3..be59eba 100644
--- a/dashboard/src/app/(inside)/client/page.tsx
+++ b/dashboard/src/app/(inside)/client/page.tsx
@@ -1,5 +1,7 @@
 import { getOAuth2Api } from '@/ory/sdk/server';
 import { ClientDataTable } from '@/app/(inside)/client/data-table';
+import { Button } from '@/components/ui/button';
+import Link from 'next/link';
 
 export interface FetchClientPageProps {
     pageSize: number;
@@ -50,11 +52,16 @@ export default async function ListClientPage() {
 
     return (
         <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-lg font-light">
                     See and manage all OAuth2 clients registered with your Ory Hydra instance
                 </p>
+                <Button className="absolute bottom-0 right-0" asChild>
+                    <Link href="/client/create">
+                        Create new client
+                    </Link>
+                </Button>
             </div>
             <ClientDataTable
                 data={initialFetch.data}