From 9b9d49d90ed634ac9250e67794e806c5b0e66ae6 Mon Sep 17 00:00:00 2001
From: zahidalidev <m.zahidalidev@gmail.com>
Date: Thu, 3 Apr 2025 23:49:54 +0500
Subject: [PATCH 1/3] Dynamic base path

---
 next.config.js          | 2 +-
 src/components/Logo.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/next.config.js b/next.config.js
index b521a8d58..6e13ab3fd 100644
--- a/next.config.js
+++ b/next.config.js
@@ -13,7 +13,7 @@ const nextConfig = {
 	// VERCEL_ENV is a system env var set by Vercel
 	// https://vercel.com/docs/projects/environment-variables/system-environment-variables
 	// basePath: process.env.VERCEL_ENV === 'production' ? '/docs' : '',
-	basePath: '/docs',
+	basePath: process.env.VERCEL_ENV === 'production' ? '/docs' : '',
 	// async redirects() {
 	// 	return [
 	// 		...updatedRedirectsData,
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 1e11b6b7c..3dcfaf59c 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,16 +1,18 @@
 export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
 	const basePath = process.env.VERCEL_ENV === 'production' ? '/docs' : ''
 
+	console.log('Doc Environment', process.env.VERCEL_ENV, basePath)
+
 	return (
 		<>
 			<img
 				className="hidden h-[23px] w-[190px] dark:block"
-				src={`/docs/logo-theme-dark.svg`}
+				src={`${basePath}/logo-theme-dark.svg`}
 				alt="Sourcegraph Docs"
 			/>
 			<img
 				className="block h-[23px] w-[190px] dark:hidden"
-				src={`/docs/logo-theme-light.svg`}
+				src={`${basePath}/logo-theme-light.svg`}
 				alt="Sourcegraph Docs"
 			/>
 		</>

From bd37670c398b6b924d34e815415448d92b87e273 Mon Sep 17 00:00:00 2001
From: zahidalidev <m.zahidalidev@gmail.com>
Date: Thu, 3 Apr 2025 23:59:25 +0500
Subject: [PATCH 2/3] Code Refactoring

---
 src/components/Logo.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 3dcfaf59c..acaff9d34 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,8 +1,6 @@
 export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
 	const basePath = process.env.VERCEL_ENV === 'production' ? '/docs' : ''
 
-	console.log('Doc Environment', process.env.VERCEL_ENV, basePath)
-
 	return (
 		<>
 			<img

From 1b113483898086d3cf15aa1b2fcc7a425bc96ce7 Mon Sep 17 00:00:00 2001
From: zahidalidev <m.zahidalidev@gmail.com>
Date: Sat, 12 Apr 2025 17:35:19 +0500
Subject: [PATCH 3/3] Fixed graphql api docs sidebar UI

---
 src/app/api/graphql/api-docs/page.tsx |  3 ++-
 src/components/Prose.tsx              | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/app/api/graphql/api-docs/page.tsx b/src/app/api/graphql/api-docs/page.tsx
index 3a78dc47a..0a876c995 100644
--- a/src/app/api/graphql/api-docs/page.tsx
+++ b/src/app/api/graphql/api-docs/page.tsx
@@ -15,7 +15,8 @@ const PostLayout = () => {
                 <div id="page" className="drawer-layout">
                   <div id="sidebar">
                     <div className="sidebar-top-container">
-                      <h3 className="text-sm uppercase">Table of Contents</h3>
+                    <h2 className="font-display text-sm font-medium text-slate-900 dark:text-white">Table of Contents</h2>
+
 
                       {/* <div id="logo"></div>
                       <button className="close-button" type="button">
diff --git a/src/components/Prose.tsx b/src/components/Prose.tsx
index 7cba80a8c..7663a2581 100644
--- a/src/components/Prose.tsx
+++ b/src/components/Prose.tsx
@@ -21,7 +21,7 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// lead
 				'prose-lead:text-slate-500 dark:prose-lead:text-dark-paragraph-text',
 				// links
-				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:vermilion-11 dark:hover:prose-a:dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
+				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:text-vermilion-11 dark:hover:prose-a:text-dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
 				// link underline
 				'prose-a:underline hover:prose-a:text-[#606060] hover:prose-a:underline dark:prose-a:underline dark:hover:prose-a:underline',
 				// pre
@@ -35,7 +35,19 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// Inline code block
 				'prose-code:before:content-none prose-code:after:content-none',
 				// Video
-				'prose-video:rounded-xl'
+				'prose-video:rounded-xl',
+
+				// Specific styles for the API docs navigation
+        // Remove bullets from all nav items
+        '[&_#nav_ul]:list-none [&_#nav_ul]:pl-0 [&_#nav_ul]:ml-0',
+        
+        // Style all nav links
+        '[&_#nav_a]:font-normal [&_#nav_a]:text-slate-500 hover:[&_#nav_a]:text-slate-700 dark:[&_#nav_a]:text-dark-text-secondary dark:hover:[&_#nav_a]:text-slate-300',
+        '[&_#nav_a]:no-underline hover:[&_#nav_a]:underline dark:hover:[&_#nav_a]:underline',
+        
+        // Specific style for h5.nav-group-section-title links (to match TOC h3)
+        '[&_#nav_h5.nav-group-section-title_a]:font-normal [&_#nav_h5.nav-group-section-title_a]:text-slate-500 hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-700 dark:[&_#nav_h5.nav-group-section-title_a]:text-dark-text-secondary dark:hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-300',
+        '[&_#nav_h5.nav-group-section-title_a]:no-underline hover:[&_#nav_h5.nav-group-section-title_a]:underline dark:hover:[&_#nav_h5.nav-group-section-title_a]:underline',
 			)}
 			{...props}
 		/>