From 30e1de0b9ebaa464859fed5c04d529c57004c0a0 Mon Sep 17 00:00:00 2001 From: nl_0 Date: Wed, 8 May 2019 23:03:37 +0500 Subject: [PATCH 01/71] Layout: expose Root and Container components --- catalog/app/components/Layout/Layout.js | 35 +++++++++++++++++++------ catalog/app/components/Layout/index.js | 3 ++- 2 files changed, 29 insertions(+), 9 deletions(-) diff --git a/catalog/app/components/Layout/Layout.js b/catalog/app/components/Layout/Layout.js index 768a4205fcd..55004087e2b 100644 --- a/catalog/app/components/Layout/Layout.js +++ b/catalog/app/components/Layout/Layout.js @@ -2,11 +2,35 @@ import PT from 'prop-types' import * as React from 'react' import * as RC from 'recompose' import { unstable_Box as Box } from '@material-ui/core/Box' +import { useTheme } from '@material-ui/styles' import Footer from 'components/Footer' import * as NavBar from 'containers/NavBar' import { composeComponent } from 'utils/reactTools' +export const Root = ({ dark = false, ...props }) => ( + +) + +export const Container = (props) => { + const t = useTheme() + return ( + + ) +} + export default composeComponent( 'Layout', RC.setPropTypes({ @@ -16,17 +40,12 @@ export default composeComponent( dark: PT.bool, }), ({ bare = false, dark = false, children, pre }) => ( - + {bare ? : } {!!pre && pre} - {children} + {!!children && {children}}