fix(api-reference): put the sidebar on this page

vtexdocs · Aug 9, 2022 · b7238c8 · b7238c8
1 parent 93a1946
commit b7238c8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git a/src/pages/docs/api-reference/index.tsx b/src/pages/docs/api-reference/index.tsx
@@ -1,24 +1,29 @@
 import Link from 'next/link'
-import { Box } from '@vtex/brand-ui'
+import { Flex } from '@vtex/brand-ui'
 
+import Sidebar from 'components/sidebar'
+import SidebarContextProvider from 'utils/contexts/sidebar'
 import styles from 'styles/api-reference'
 
 const APIReferencePage = () => {
   return (
-    <Box sx={styles.container}>
-      <ul>
-        <li>
-          <Link href="/docs/api-reference/catalog">
-            <a>Catalog API</a>
-          </Link>
-        </li>
-        <li>
-          <Link href="/docs/api-reference/checkout">
-            <a>Checkout API</a>
-          </Link>
-        </li>
-      </ul>
-    </Box>
+    <SidebarContextProvider>
+      <Flex sx={styles.container}>
+        <Sidebar sectionSelected={'API Reference'} />
+        <ul>
+          <li>
+            <Link href="/docs/api-reference/catalog">
+              <a>Catalog API</a>
+            </Link>
+          </li>
+          <li>
+            <Link href="/docs/api-reference/checkout">
+              <a>Checkout API</a>
+            </Link>
+          </li>
+        </ul>
+      </Flex>
+    </SidebarContextProvider>
   )
 }
 

diff --git a/src/styles/api-reference.ts b/src/styles/api-reference.ts
@@ -1,7 +1,8 @@
 import { SxStyleProp } from '@vtex/brand-ui'
 
 const container: SxStyleProp = {
-  paddingTop: '5rem',
+  pt: '5rem',
+  background: '#FFFFFF',
 }
 
 export default {