diff --git a/src/router/Router/Router.js b/src/router/Router/Router.js index 2acc8dba7..3090a8346 100644 --- a/src/router/Router/Router.js +++ b/src/router/Router/Router.js @@ -8,7 +8,7 @@ const queryParamsForQuery = require('./queryParamsForQuery'); const routeConfigForPath = require('./routeConfigForPath'); const urlParamsForPath = require('./urlParamsForPath'); -const Router = ({ onPathNotMatch, ...props }) => { +const Router = ({ className, onPathNotMatch, ...props }) => { const [{ homePath, viewsConfig }] = React.useState(() => ({ homePath: props.homePath, viewsConfig: props.viewsConfig @@ -79,7 +79,7 @@ const Router = ({ onPathNotMatch, ...props }) => { }; }, [onPathNotMatch]); return ( - + { views .filter(view => view !== null) @@ -94,6 +94,7 @@ const Router = ({ onPathNotMatch, ...props }) => { }; Router.propTypes = { + className: PropTypes.string, homePath: PropTypes.string, onPathNotMatch: PropTypes.func, viewsConfig: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.exact({ diff --git a/src/router/RoutesContainerContext/RoutesContainerProvider.js b/src/router/RoutesContainerContext/RoutesContainerProvider.js index 390445d6f..7f04b062c 100644 --- a/src/router/RoutesContainerContext/RoutesContainerProvider.js +++ b/src/router/RoutesContainerContext/RoutesContainerProvider.js @@ -1,12 +1,13 @@ const React = require('react'); const PropTypes = require('prop-types'); +const classnames = require('classnames'); const RoutesContainerContext = require('./RoutesContainerContext'); -const RoutesContainerProvider = ({ children }) => { +const RoutesContainerProvider = ({ className, children }) => { const [container, setContainer] = React.useState(null); return ( -
+
{container instanceof HTMLElement ? children : null}
@@ -14,6 +15,7 @@ const RoutesContainerProvider = ({ children }) => { }; RoutesContainerProvider.propTypes = { + className: PropTypes.string, children: PropTypes.oneOfType([ PropTypes.arrayOf(PropTypes.node), PropTypes.node