refactor: updated components to reflect callback and scope in sso con…

…figs
hoppscotch · Mar 7, 2024 · 9c21966 · 9c21966
1 parent 7a44ce2
commit 9c21966
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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')">