From 873fe05a5d5f9ee401bd81a56c213c658a678e81 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Thu, 26 Jul 2018 18:00:30 +0300
Subject: [PATCH] chore: SideMenu accept className

---
 src/components/SideMenu/MenuItems.tsx | 5 ++++-
 src/components/SideMenu/SideMenu.tsx  | 5 +++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/SideMenu/MenuItems.tsx b/src/components/SideMenu/MenuItems.tsx
index c980a2e0..f36a2c89 100644
--- a/src/components/SideMenu/MenuItems.tsx
+++ b/src/components/SideMenu/MenuItems.tsx
@@ -12,15 +12,18 @@ export interface MenuItemsProps {
   onActivate?: (item: IMenuItem) => void;
   style?: React.CSSProperties;
   root?: boolean;
+
+  className?: string;
 }
 
 @observer
 export class MenuItems extends React.Component<MenuItemsProps> {
   render() {
-    const { items, root } = this.props;
+    const { items, root, className } = this.props;
     const active = this.props.active == null ? true : this.props.active;
     return (
       <MenuItemUl
+        className={className}
         style={this.props.style}
         active={active}
         {...(root ? { role: 'navigation' } : {})}
diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index 9aab7310..bb5d00c5 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -9,7 +9,7 @@ import { PerfectScrollbar } from '../../common-elements/perfect-scrollbar';
 import { RedocAttribution } from './styled.elements';
 
 @observer
-export class SideMenu extends React.Component<{ menu: MenuStore }> {
+export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
   private _updateScroll?: () => void;
 
   render() {
@@ -19,6 +19,7 @@ export class SideMenu extends React.Component<{ menu: MenuStore }> {
         {options =>
           options.nativeScrollbars ? (
             <MenuItems
+              className={this.props.className}
               style={{
                 overflow: 'auto',
                 msOverflowStyle: '-ms-autohiding-scrollbar',
@@ -28,7 +29,7 @@ export class SideMenu extends React.Component<{ menu: MenuStore }> {
               root={true}
             />
           ) : (
-            <PerfectScrollbar updateFn={this.saveScrollUpdate}>
+            <PerfectScrollbar updateFn={this.saveScrollUpdate} className={this.props.className}>
               <MenuItems items={store.items} onActivate={this.activate} root={true} />
               <RedocAttribution>
                 <a target="_blank" href="https://github.com/Rebilly/ReDoc">