chore: update layout per design

newrelic · Aug 27, 2021 · f5dca12 · f5dca12
1 parent 93f7817
commit f5dca12
Show file tree

Hide file tree

Showing 2 changed files with 175 additions and 237 deletions.
diff --git a/src/layouts/QuickStartLayout.js b/src/layouts/QuickStartLayout.js
@@ -6,29 +6,26 @@ import {
 } from '@newrelic/gatsby-theme-newrelic';
 import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
-import { useLocation } from '@reach/router';
 import '../components/styles.scss';
 
 const QuickStartLayout = ({ children }) => {
-  const location = useLocation();
-  const isLanding = location.pathname === '/observability-packs/';
   return (
     <>
       <GlobalHeader />
       <MobileHeader>New sidebar here</MobileHeader>
       <Layout
         css={css`
-          --sidebar-width: ${isLanding ? '300px' : '0'};
+          --sidebar-width: 0;
         `}
       >
-        {isLanding && <Layout.Sidebar>New sidebar here</Layout.Sidebar>}
         <Layout.Main
           css={css`
             min-height: 100vh;
           `}
         >
           {children}
         </Layout.Main>
+        <Layout.Footer />
       </Layout>
     </>
   );