import React from 'react' import Navbar from './navbar' import Sidebar from './Sidebar' import {Flex, Box} from 'rebass' import { theme } from 'src/theme' import { ThemeProvider } from 'styled-components' const IS_STATIC = process.env.GATSBY_IS_STATIC const Layout = ({children, path}) => { const showSidebar = IS_STATIC || path.match(/cli-commands|configuring-npm|using-npm/) return ( <ThemeProvider theme={theme}> <Navbar /> <Flex w={1}> {showSidebar && <Sidebar />} <Box width={1}>{children}</Box> </Flex> </ThemeProvider> ) } export default Layout
Name | Type | Size | Permission | Actions |
---|---|---|---|---|
home | Folder | 0755 |
|
|
Accordion.js | File | 1.14 KB | 0644 |
|
Button.js | File | 478 B | 0644 |
|
DocLinks.js | File | 1.83 KB | 0644 |
|
FoundTypo.js | File | 820 B | 0644 |
|
MobileSidebar.js | File | 756 B | 0644 |
|
Sidebar.js | File | 619 B | 0644 |
|
layout.js | File | 604 B | 0644 |
|
links.js | File | 970 B | 0644 |
|
navbar.js | File | 3.17 KB | 0644 |
|
scripts.js | File | 610 B | 0644 |
|
seo.js | File | 1.72 KB | 0644 |
|