From 9c21966e849364166e2601877c904b9b7d1c672f Mon Sep 17 00:00:00 2001
From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Date: Tue, 9 Jan 2024 18:20:28 +0530
Subject: [PATCH] refactor: updated components to reflect callback and scope in
 sso configs

---
 .../src/components/settings/AuthProvider.vue              | 8 ++++++++
 packages/hoppscotch-sh-admin/src/pages/settings.vue       | 1 -
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/hoppscotch-sh-admin/src/components/settings/AuthProvider.vue b/packages/hoppscotch-sh-admin/src/components/settings/AuthProvider.vue
index a4053a278e5..b14d98c744b 100644
--- a/packages/hoppscotch-sh-admin/src/components/settings/AuthProvider.vue
+++ b/packages/hoppscotch-sh-admin/src/components/settings/AuthProvider.vue
@@ -95,20 +95,28 @@ type Field = {
 const providerConfigFields = reactive<Field[]>([
   { name: t('configs.auth_providers.client_id'), key: 'client_id' },
   { name: t('configs.auth_providers.client_secret'), key: 'client_secret' },
+  { name: t('configs.auth_providers.callback_url'), key: 'callback_url' },
+  { name: t('configs.auth_providers.scope'), key: 'scope' },
 ]);
 
 const maskState = reactive({
   google: {
     client_id: true,
     client_secret: true,
+    callback_url: true,
+    scope: true,
   },
   github: {
     client_id: true,
     client_secret: true,
+    callback_url: true,
+    scope: true,
   },
   microsoft: {
     client_id: true,
     client_secret: true,
+    callback_url: true,
+    scope: true,
   },
 });
 
diff --git a/packages/hoppscotch-sh-admin/src/pages/settings.vue b/packages/hoppscotch-sh-admin/src/pages/settings.vue
index 23cddb6e741..456df43c9e5 100644
--- a/packages/hoppscotch-sh-admin/src/pages/settings.vue
+++ b/packages/hoppscotch-sh-admin/src/pages/settings.vue
@@ -15,7 +15,6 @@
   <div v-else-if="infraConfigsError || allowedAuthProvidersError">
     {{ t('configs.load_error') }}
   </div>
-
   <div v-else-if="workingConfigs" class="flex flex-col py-8">
     <HoppSmartTabs v-model="selectedOptionTab" render-inactive-tabs>
       <HoppSmartTab :id="'config'" :label="t('configs.title')">