From 0b616fdd2e2a656decad4fd1c8d0951fb0cbf1bd Mon Sep 17 00:00:00 2001
From: Chris Stockton <chris.stockton@supabase.io>
Date: Tue, 29 Jul 2025 09:04:02 -0700
Subject: [PATCH] feat: add a button linking to SSO setup docs

---
 .../interfaces/Organization/SSO/SSOConfig.tsx | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx b/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx
index 4a0a1157447..710188f72c1 100644
--- a/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx
+++ b/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx
@@ -5,6 +5,7 @@ import z from 'zod'
 
 import { ScaffoldContainer, ScaffoldSection } from 'components/layouts/Scaffold'
 import AlertError from 'components/ui/AlertError'
+import { DocsButton } from 'components/ui/DocsButton'
 import { GenericSkeletonLoader } from 'components/ui/ShimmeringLoader'
 import { useSSOConfigCreateMutation } from 'data/sso/sso-config-create-mutation'
 import { useSSOConfigUpdateMutation } from 'data/sso/sso-config-update-mutation'
@@ -173,25 +174,28 @@ export const SSOConfig = () => {
             <form id={FORM_ID} onSubmit={form.handleSubmit(onSubmit)}>
               <Card>
                 <CardContent className="py-8">
-                  <FormField_Shadcn_
-                    control={form.control}
-                    name="enabled"
-                    render={({ field }) => (
-                      <FormItemLayout
-                        label="Enable Single Sign-On"
-                        description="Enable and configure SSO for your application."
-                        layout="flex"
-                      >
-                        <FormControl_Shadcn_>
-                          <Switch
-                            checked={field.value}
-                            onCheckedChange={field.onChange}
-                            size="large"
-                          />
-                        </FormControl_Shadcn_>
-                      </FormItemLayout>
-                    )}
-                  />
+                  <div className="flex items-start justify-between">
+                    <FormField_Shadcn_
+                      control={form.control}
+                      name="enabled"
+                      render={({ field }) => (
+                        <FormItemLayout
+                          label="Enable Single Sign-On"
+                          description="Enable and configure SSO for your application."
+                          layout="flex"
+                        >
+                          <FormControl_Shadcn_>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={field.onChange}
+                              size="large"
+                            />
+                          </FormControl_Shadcn_>
+                        </FormItemLayout>
+                      )}
+                    />
+                    <DocsButton href={'https://supabase.com/docs/guides/platform/sso'} />
+                  </div>
                 </CardContent>
 
                 {(isSSOEnabled || ssoConfig) && (