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

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()} />

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>,
                     ]}

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
 }
 

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()