Create container for SidebarLink

Author: kulgavy

src/components/Sidebar/SidebarView.js

@@ -17,7 +17,7 @@ import {
 } from "@material-ui/icons";
 import classNames from 'classnames';
 
-import SidebarLink from './components/SidebarLink';
+import SidebarLink from './components/SidebarLink/SidebarLinkContainer';
 import Dot from './components/Dot';
 
 const structure = [

src/components/Sidebar/components/SidebarLink.js

@@ -0,0 +1,16 @@
+import { compose, withState, withHandlers } from 'recompose';
+
+import SidebarLinkView from './SidebarLinkView';
+
+export default compose(
+  withState('isOpen', 'setIsOpen', false),
+  withHandlers({
+    toggleCollapse: (props) => (e) => {
+      if (props.isSidebarOpened) {
+        e.preventDefault();
+
+        props.setIsOpen(!props.isOpen);
+      }
+    },
+  }),
+)(SidebarLinkView);