From d2f3cecd72e41686a9c882bc81752def7c5b658e Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Fri, 17 Nov 2023 00:08:38 +0800
Subject: [PATCH] Add branching docs (#19023)

---
 .../BranchManagement/BranchManagement.tsx       | 17 ++++++++++++++---
 .../BranchingWaitlistPopover.tsx                | 15 ++++++++++-----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/apps/studio/components/interfaces/BranchManagement/BranchManagement.tsx b/apps/studio/components/interfaces/BranchManagement/BranchManagement.tsx
index 58a26dff930..16319750099 100644
--- a/apps/studio/components/interfaces/BranchManagement/BranchManagement.tsx
+++ b/apps/studio/components/interfaces/BranchManagement/BranchManagement.tsx
@@ -201,9 +201,20 @@ const BranchManagement = () => {
                     icon={<IconSearch size={14} strokeWidth={2} />}
                   />
                 </div>
-                <Button type="primary" onClick={() => setShowCreateBranch(true)}>
-                  Create branch
-                </Button>
+                <div className="flex items-center justify-between space-x-2">
+                  <Button type="default" icon={<IconExternalLink strokeWidth={1.5} />}>
+                    <Link
+                      target="_blank"
+                      rel="noreferrer"
+                      href="https://supabase.com/docs/guides/platform/branching"
+                    >
+                      Documentation
+                    </Link>
+                  </Button>
+                  <Button type="primary" onClick={() => setShowCreateBranch(true)}>
+                    Create branch
+                  </Button>
+                </div>
               </div>
 
               {isErrorIntegrations && (
diff --git a/apps/studio/components/layouts/AppLayout/EnableBranchingButton/BranchingWaitlistPopover.tsx b/apps/studio/components/layouts/AppLayout/EnableBranchingButton/BranchingWaitlistPopover.tsx
index b8ce7ed1e49..fc5c76f0a53 100644
--- a/apps/studio/components/layouts/AppLayout/EnableBranchingButton/BranchingWaitlistPopover.tsx
+++ b/apps/studio/components/layouts/AppLayout/EnableBranchingButton/BranchingWaitlistPopover.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react'
 import {
   Badge,
   Button,
+  IconExternalLink,
   IconGitBranch,
   PopoverContent_Shadcn_,
   PopoverTrigger_Shadcn_,
@@ -48,11 +49,15 @@ const BranchingWaitlistPopover = ({ isNewNav = false }: BranchingWaitlistPopover
               Join waitlist
             </Link>
           </Button>
-          {/* <Link passHref href={'/'}>
-            <a rel="noreferrer" target="_blank">
-              <Button type="default">View the docs</Button>
-            </a>
-          </Link> */}
+          <Button type="default" icon={<IconExternalLink strokeWidth={1.5} />}>
+            <Link
+              target="_blank"
+              rel="noreferrer"
+              href="https://supabase.com/docs/guides/platform/branching"
+            >
+              View the docs
+            </Link>
+          </Button>
         </div>
       </PopoverContent_Shadcn_>
     </Popover_Shadcn_>