From 0706a7869e97111ece52954e2a609a91e97c51e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Sat, 28 Jun 2025 10:42:05 +0200
Subject: [PATCH] Improve copy of GitHub OAUth details

---
 src/lib/stores/oauth-providers.ts                    | 12 +++++++++++-
 .../auth/(providers)/mainOAuth.svelte                | 10 +++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/lib/stores/oauth-providers.ts b/src/lib/stores/oauth-providers.ts
index 47d426e9f9..8e5817a1ff 100644
--- a/src/lib/stores/oauth-providers.ts
+++ b/src/lib/stores/oauth-providers.ts
@@ -14,6 +14,11 @@ export type Provider = {
     icon: string;
     docs?: string;
     component: Component;
+    copy?: {
+        id?: string;
+        secret?: string;
+        url?: string;
+    };
 };
 
 export const oAuthProviders: Record<string, Provider> = {
@@ -111,7 +116,12 @@ export const oAuthProviders: Record<string, Provider> = {
         name: 'GitHub',
         icon: 'github',
         docs: 'https://developer.github.com',
-        component: Main
+        component: Main,
+        copy: {
+            id: 'Client ID',
+            secret: 'Client secrets',
+            url: 'Authorization callback URL'
+        }
     },
     gitlab: {
         name: 'GitLab',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
index 1e318f3ce4..0b11ed488e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
@@ -52,21 +52,21 @@
     <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
     <InputText
         id="appID"
-        label="App ID"
+        label={oAuthProvider?.copy?.id ?? 'App ID'}
+        placeholder={'Enter ' + (oAuthProvider?.copy?.id ?? 'App ID')}
         autofocus={true}
-        placeholder="Enter ID"
         bind:value={appId} />
     <InputPassword
         id="secret"
-        label="App Secret"
-        placeholder="Enter App Secret"
+        label={oAuthProvider?.copy?.secret ?? 'App secret'}
+        placeholder={'Enter ' + (oAuthProvider?.copy?.secret ?? 'App secret')}
         minlength={0}
         bind:value={secret} />
     <Alert.Inline status="info">
         To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
     </Alert.Inline>
     <div>
-        <p>URI</p>
+        <p>{oAuthProvider?.copy?.url ?? 'Redirect URI'}</p>
         <CopyInput
             value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
     </div>