From 315a189577c0cc7f619753bd75ee51b997035391 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kamil=20Og=C3=B3rek?= <kamil.ogorek@gmail.com>
Date: Fri, 14 Mar 2025 10:43:28 +0100
Subject: [PATCH] feat: Add created_by and app_id to approved oauth apps table
 (#34045)

* feat: Add created_by to approved apps table

* feat: Add app_id to approved apps table
---
 .../interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx  | 6 ++++++
 .../interfaces/Organization/OAuthApps/OAuthApps.tsx         | 2 ++
 apps/studio/data/oauth/authorized-apps-query.ts             | 2 ++
 examples/oauth-app-authorization-flow/src/index.ts          | 4 ++--
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx
index b20002666fd..8c74e334e8d 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx
@@ -22,6 +22,12 @@ const AuthorizedAppRow = ({ app, onSelectRevoke }: AuthorizedAppRowProps) => {
         </div>
       </Table.td>
       <Table.td>{app.name}</Table.td>
+      <Table.td>{app.created_by}</Table.td>
+      <Table.td>
+        <p className="font-mono truncate w-[220px]" title={app.app_id}>
+          {app.app_id}
+        </p>
+      </Table.td>
       <Table.td>{dayjs(app.authorized_at).format('DD/MM/YYYY, HH:mm:ss')}</Table.td>
       <Table.td align="right">
         <Button type="default" icon={<Trash />} className="px-1" onClick={() => onSelectRevoke()} />
diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthApps.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthApps.tsx
index ae54fe1a1c7..c30653a310f 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthApps.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthApps.tsx
@@ -213,6 +213,8 @@ const OAuthApps = () => {
                     head={[
                       <Table.th key="icon" className="w-[30px]"></Table.th>,
                       <Table.th key="name">Name</Table.th>,
+                      <Table.th key="created-by">Created by</Table.th>,
+                      <Table.th key="app-id">App ID</Table.th>,
                       <Table.th key="authorized-at">Authorized at</Table.th>,
                       <Table.th key="delete-action"></Table.th>,
                     ]}
diff --git a/apps/studio/data/oauth/authorized-apps-query.ts b/apps/studio/data/oauth/authorized-apps-query.ts
index a988e9cf04b..fed7ff0c13c 100644
--- a/apps/studio/data/oauth/authorized-apps-query.ts
+++ b/apps/studio/data/oauth/authorized-apps-query.ts
@@ -10,9 +10,11 @@ export type AuthorizedAppsVariables = {
 
 export type AuthorizedApp = {
   id: string
+  app_id: string
   icon: string | null
   name: string
   website: string
+  created_by: string
   authorized_at: string
 }
 
diff --git a/examples/oauth-app-authorization-flow/src/index.ts b/examples/oauth-app-authorization-flow/src/index.ts
index 832a1fda8a9..4a117a2e7d7 100644
--- a/examples/oauth-app-authorization-flow/src/index.ts
+++ b/examples/oauth-app-authorization-flow/src/index.ts
@@ -9,8 +9,8 @@ declare module 'bun' {
   }
 }
 
-const AUTHORIZATION_URL = 'https://api.supabase.com/v1/oauth/authorize'
-const TOKEN_URL = 'https://api.supabase.com/v1/oauth/token'
+const AUTHORIZATION_URL = 'http://localhost:8080/v1/oauth/authorize'
+const TOKEN_URL = 'http://localhost:8080/v1/oauth/token'
 
 const app = new Hono()