From 4307df638adbf87e799d17f137a927893e05d5c0 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Fri, 30 Aug 2019 11:25:36 +0300
Subject: [PATCH] add classname prop to router

---
 src/router/Router/Router.js                                 | 5 +++--
 .../RoutesContainerContext/RoutesContainerProvider.js       | 6 ++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

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 (
-        <RoutesContainerProvider>
+        <RoutesContainerProvider className={className}>
             {
                 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 (
         <RoutesContainerContext.Provider value={container}>
-            <div ref={setContainer} className={'routes-container'}>
+            <div ref={setContainer} className={classnames(className, 'routes-container')}>
                 {container instanceof HTMLElement ? children : null}
             </div>
         </RoutesContainerContext.Provider>
@@ -14,6 +15,7 @@ const RoutesContainerProvider = ({ children }) => {
 };
 
 RoutesContainerProvider.propTypes = {
+    className: PropTypes.string,
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
         PropTypes.node