From cf1c7d0231dbbdd744758fe50e65c20325c63d0f Mon Sep 17 00:00:00 2001
From: yoonhyejin <0327jane@gmail.com>
Date: Wed, 23 Oct 2024 18:36:32 +0900
Subject: [PATCH] feat: add sidebar tab

---
 .../components/SecondNavbar/SecondNavbar.js    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/docs-website/src/components/SecondNavbar/SecondNavbar.js b/docs-website/src/components/SecondNavbar/SecondNavbar.js
index e17a3bceb1d93d..385148e625770b 100644
--- a/docs-website/src/components/SecondNavbar/SecondNavbar.js
+++ b/docs-website/src/components/SecondNavbar/SecondNavbar.js
@@ -11,6 +11,10 @@ function SecondNavbarContent() {
   const { colorMode, setColorMode } = useColorMode();
   const location = useLocation();
   const isDocsPath = location.pathname.startsWith('/docs');
+
+  const isAcrylSidebar = location.pathname.includes('/managed-datahub');
+  const isCoreSidebar = !isAcrylSidebar;
+
   if (!isDocsPath) {
     return null;
   }
@@ -18,6 +22,20 @@ function SecondNavbarContent() {
   return (
     <div className={clsx(styles.secondNavbar, colorMode === 'dark' && styles.darkMode)}>
       <div className={styles.container}>
+        <div className={styles.coreCloudSwitch}>
+          <Link
+            className={clsx(styles.docsSwitchButton, isCoreSidebar && styles.activeButton)}
+            to="/docs/features"
+          >
+            DataHub Core
+          </Link>
+          <Link
+            className={clsx(styles.docsSwitchButton, isAcrylSidebar && styles.activeButton)}
+            to="/docs/cloud/managed-datahub-overview"
+          >
+            DataHub Cloud
+          </Link>
+        </div>
         <div className={styles.versionDropdown}>
           <DocsVersionDropdownNavbarItem
             docsPluginId="default"