From 7e1c987346606c2faef9404baf28f69e2784ee5c Mon Sep 17 00:00:00 2001
From: hallidayo <22655069+Hallidayo@users.noreply.github.com>
Date: Fri, 28 Oct 2022 12:52:38 +0100
Subject: [PATCH] feat: edge functions setup buttons (#9874)

added anchor tag to open in new tab
---
 .../interfaces/Functions/FunctionsEmptyState.tsx | 16 ++++++++++------
 .../Functions/TerminalInstructions.tsx           | 16 ++++++++++------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/studio/components/interfaces/Functions/FunctionsEmptyState.tsx b/studio/components/interfaces/Functions/FunctionsEmptyState.tsx
index 9778dae6955..c100eaa152e 100644
--- a/studio/components/interfaces/Functions/FunctionsEmptyState.tsx
+++ b/studio/components/interfaces/Functions/FunctionsEmptyState.tsx
@@ -17,17 +17,21 @@ const FunctionsEmptyState = () => {
           </p>
           <div className="flex gap-2">
             <Link passHref href="https://supabase.com/docs/guides/functions">
-              <Button as="a" type="default" iconRight={<IconBookOpen />}>
-                Documentation
-              </Button>
+              <a target="_blank" rel="noreferrer">
+                <Button type="default" iconRight={<IconBookOpen />}>
+                  Documentation
+                </Button>
+              </a>
             </Link>
             <Link
               passHref
               href="https://github.com/supabase/supabase/tree/chore/stripe-issue/examples/edge-functions/supabase/functions"
             >
-              <Button as="a" type="default" iconRight={<IconCode />}>
-                Examples
-              </Button>
+              <a target="_blank" rel="noreferrer">
+                <Button type="default" iconRight={<IconCode />}>
+                  Examples
+                </Button>
+              </a>
             </Link>
           </div>
         </div>
diff --git a/studio/components/interfaces/Functions/TerminalInstructions.tsx b/studio/components/interfaces/Functions/TerminalInstructions.tsx
index 378c628e82c..4bf07d8c62d 100644
--- a/studio/components/interfaces/Functions/TerminalInstructions.tsx
+++ b/studio/components/interfaces/Functions/TerminalInstructions.tsx
@@ -133,17 +133,21 @@ const TerminalInstructions: FC<Props> = ({ closable = false }) => {
           </div>
           <div className="flex gap-2">
             <Link passHref href="https://supabase.com/docs/guides/functions">
-              <Button as="a" type="default" iconRight={<IconBookOpen />}>
-                Documentation
-              </Button>
+              <a target="_blank" rel="noreferrer">
+                <Button type="default" iconRight={<IconBookOpen />}>
+                  Documentation
+                </Button>
+              </a>
             </Link>
             <Link
               passHref
               href="https://github.com/supabase/supabase/tree/chore/stripe-issue/examples/edge-functions/supabase/functions"
             >
-              <Button as="a" type="default" iconRight={<IconCode />}>
-                Examples
-              </Button>
+              <a target="_blank" rel="noreferrer">
+                <Button as="a" type="default" iconRight={<IconCode />}>
+                  Examples
+                </Button>
+              </a>
             </Link>
           </div>
         </div>