From 5f349ddda7af4a5df9606afb749a41cd49fcd413 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 7 Sep 2022 21:42:05 +0100
Subject: [PATCH] [Beta] Open external link in new tab

---
 beta/src/components/Layout/Sidebar/SidebarLink.tsx | 5 +++++
 beta/src/sidebarHome.json                          | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/beta/src/components/Layout/Sidebar/SidebarLink.tsx b/beta/src/components/Layout/Sidebar/SidebarLink.tsx
index 5c83407f..3ee35fa1 100644
--- a/beta/src/components/Layout/Sidebar/SidebarLink.tsx
+++ b/beta/src/components/Layout/Sidebar/SidebarLink.tsx
@@ -47,11 +47,16 @@ export function SidebarLink({
     }
   }, [ref, selected]);
 
+  let target = '';
+  if (href.startsWith('https://')) {
+    target = '_blank';
+  }
   return (
     <Link href={href}>
       <a
         ref={ref}
         title={title}
+        target={target}
         aria-current={selected ? 'page' : undefined}
         className={cn(
           'p-2 pr-2 w-full rounded-none lg:rounded-r-lg text-left hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between',
diff --git a/beta/src/sidebarHome.json b/beta/src/sidebarHome.json
index 935fa820..18abb533 100644
--- a/beta/src/sidebarHome.json
+++ b/beta/src/sidebarHome.json
@@ -11,10 +11,6 @@
           "title": "Overview",
           "path": "/"
         },
-        {
-          "title": "Blog",
-          "path": "https://reactjs.org/blog"
-        },
         {
           "title": "Community",
           "path": "/community",
@@ -25,6 +21,10 @@
             "title": "Meet the Team",
             "path": "/community/meet-the-team"
           }]
+        },
+        {
+          "title": "Blog",
+          "path": "https://reactjs.org/blog"
         }
       ]
     }