- Data table sticky header.

- Mini sidebar toggle.
- Refactor withDashboard and withDashboardActions.

client/src/components/Dashboard/Dashboard.js

@@ -1,23 +1,30 @@
 import React from 'react';
 import { Switch, Route } from 'react-router';
+import classNames from 'classnames';
+
 import Sidebar from 'components/Sidebar/Sidebar';
 import DashboardContent from 'components/Dashboard/DashboardContent';
 import DialogsContainer from 'components/DialogsContainer';
 import PreferencesContent from 'components/Preferences/PreferencesContent';
 import PreferencesSidebar from 'components/Preferences/PreferencesSidebar';
 import Search from 'containers/GeneralSearch/Search';
+import withDashboard from 'containers/Dashboard/withDashboard';
 
-export default function Dashboard() {
+import { compose } from 'utils';
+
+function Dashboard({ sidebarExpended }) {
   return (
-    <div className='dashboard'>
+    <div className={classNames('dashboard', {
+      'has-mini-sidebar': !sidebarExpended,
+    })}>
       <Switch>
-        <Route path='/preferences'>
+        <Route path="/preferences">
           <Sidebar />
           <PreferencesSidebar />
           <PreferencesContent />
         </Route>
 
-        <Route path='/'>
+        <Route path="/">
           <Sidebar />
           <DashboardContent />
         </Route>
@@ -28,3 +35,9 @@ export default function Dashboard() {
     </div>
   );
 }
+
+export default compose(
+  withDashboard(({ sidebarExpended }) => ({
+    sidebarExpended,
+  })),
+)(Dashboard);