From d9d96e122852f29f3d015cc646ad44cc03040dc7 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Sun, 11 Dec 2022 03:39:16 +0800
Subject: [PATCH] fix some guides

---
 .../NavigationMenu/NavigationMenu.tsx         |  2 +-
 apps/docs/layouts/guides/current.tsx          |  5 +++--
 .../getting-started/quickstarts/nextjs.mdx    |  2 +-
 .../getting-started/quickstarts/nuxtjs.mdx    |  2 +-
 .../getting-started/quickstarts/reactjs.mdx   | 21 ++-----------------
 5 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx
index b50c83d7b71..ad75f242e1a 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx
@@ -193,7 +193,7 @@ const SideNav = () => {
       {
         label: 'Auth',
         icon: '/img/icons/menu/auth',
-        href: '/guides/auth',
+        href: '/guides/auth/overview',
         level: 'auth',
       },
       {
diff --git a/apps/docs/layouts/guides/current.tsx b/apps/docs/layouts/guides/current.tsx
index 00a1a45a09f..6b3e9038518 100644
--- a/apps/docs/layouts/guides/current.tsx
+++ b/apps/docs/layouts/guides/current.tsx
@@ -19,6 +19,7 @@ interface Props {
   children: any
   toc?: any
   currentPage?: string
+  hideToc?: boolean
 }
 
 const Layout: FC<Props> = (props) => {
@@ -92,7 +93,7 @@ const Layout: FC<Props> = (props) => {
         <div
           className={[
             'relative',
-            'col-span-9',
+            !props.hideToc ? 'col-span-9' : 'col-span-12',
             'transition-all ease-out',
             'duration-100',
             active ? 'opacity-100 left-0' : 'opacity-0 left-6',
@@ -115,7 +116,7 @@ const Layout: FC<Props> = (props) => {
             <MDXProvider components={components}>{props.children}</MDXProvider>
           </article>
         </div>
-        {hasTableOfContents && !props.meta?.hide_table_of_contents && (
+        {!props.hideToc && hasTableOfContents && !props.meta?.hide_table_of_contents && (
           <div
             className={[
               'col-span-3',
diff --git a/apps/docs/pages/getting-started/quickstarts/nextjs.mdx b/apps/docs/pages/getting-started/quickstarts/nextjs.mdx
index 376ef6bde79..e2a4d43c9b3 100644
--- a/apps/docs/pages/getting-started/quickstarts/nextjs.mdx
+++ b/apps/docs/pages/getting-started/quickstarts/nextjs.mdx
@@ -148,5 +148,5 @@ The fastest way to get started with supabase and NextJS is to use the supabase-j
 
 </StepHikeCompact>
 
-export const Page = ({ children }) => <Layout meta={meta} children={children} />
+export const Page = ({ children }) => <Layout meta={meta} children={children} hideToc={true} />
 export default Page
diff --git a/apps/docs/pages/getting-started/quickstarts/nuxtjs.mdx b/apps/docs/pages/getting-started/quickstarts/nuxtjs.mdx
index cf699ea7cf8..366120f35e9 100644
--- a/apps/docs/pages/getting-started/quickstarts/nuxtjs.mdx
+++ b/apps/docs/pages/getting-started/quickstarts/nuxtjs.mdx
@@ -144,5 +144,5 @@ The fastest way to get started with supabase and Nuxt.js is to use the supabase-
 
 </StepHikeCompact>
 
-export const Page = ({ children }) => <Layout meta={meta} children={children} />
+export const Page = ({ children }) => <Layout meta={meta} children={children} hideToc={true} />
 export default Page
diff --git a/apps/docs/pages/getting-started/quickstarts/reactjs.mdx b/apps/docs/pages/getting-started/quickstarts/reactjs.mdx
index 34f48421c7f..2549715e3da 100644
--- a/apps/docs/pages/getting-started/quickstarts/reactjs.mdx
+++ b/apps/docs/pages/getting-started/quickstarts/reactjs.mdx
@@ -88,22 +88,6 @@ The fastest way to get started with supabase and create-react-app is to use the
 
     </StepHikeCompact.Details>
 
-    <StepHikeCompact.Code>
-
-     ```sql SQL_EDITOR
-      -- this creates the table
-      CREATE TABLE countries (
-      id SERIAL PRIMARY KEY,
-      name VARCHAR(255) NOT NULL
-      );
-      -- insert some sample data into new table
-      INSERT INTO countries (name) VALUES ('United States');
-      INSERT INTO countries (name) VALUES ('Canada');
-      INSERT INTO countries (name) VALUES ('Mexico');
-      ````
-
-    </StepHikeCompact.Code>
-
   </StepHikeCompact.Step>
 
   <StepHikeCompact.Step step={6}>
@@ -112,9 +96,9 @@ The fastest way to get started with supabase and create-react-app is to use the
     You can select from the countries table in your Supabase server by doing the following:
 
     </StepHikeCompact.Details>
-
     <StepHikeCompact.Code>
 
+
       ```js src/index.js
         import { createClient } from '@supabase-js'
 
@@ -129,9 +113,8 @@ The fastest way to get started with supabase and create-react-app is to use the
     </StepHikeCompact.Code>
 
   </StepHikeCompact.Step>
-
 </StepHikeCompact>
 
-export const Page = ({ children }) => <Layout meta={meta} children={children} />
+export const Page = ({ children }) => <Layout meta={meta} children={children} hideToc={true} />
 
 export default Page