React activity (#2315)

frontend/src/pages/dashboard/main-panel.js

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import FilesActivities from '../../components/files-activities';
+
+class MainPanel extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  onMenuClick = () => {
+    this.props.isOpen();
+  }
+
+
+  render() {
+    const { children } = this.props
+    return (
+      <div className="main-panel o-hidden">
+        <div className="main-panel-top panel-top">
+        <span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.onMenuClick}></span>
+        <div className="common-toolbar">
+          {children}
+        </div>
+      </div>
+      <FilesActivities seafileAPI={this.props.seafileAPI} />
+    </div>
+    )
+  }
+}
+
+export default MainPanel;

frontend/src/pages/dashboard/side-panel.js

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import SideNavFooter from '../../components/side-nav-footer';
+import MainSideNav from '../../components/main-side-nav';
+
+const siteRoot = window.app.config.siteRoot;
+const serverRoot = window.app.config.serverRoot;
+const logoPath =  window.app.config.logoPath;
+const mediaUrl = window.app.config.mediaUrl;
+const siteTitle = window.app.config.siteTitle;
+const logoWidth = window.app.config.logoWidth;
+const logoHeight = window.app.config.logoHeight;
+
+class SidePanel extends Component {
+
+  render() {
+    return (
+      <div className={`side-panel ${this.props.isOpen ? "left-zero": ""}`}>
+        <div className="side-panel-top panel-top">
+          <a href={siteRoot} id="logo">
+            <img src={mediaUrl + logoPath} title={siteTitle} alt="logo" width={logoWidth} height={logoHeight} />
+          </a>
+          <a href="#" title="Close" aria-label="Close" onClick={this.props.toggleClose} className="sf2-icon-x1 sf-popover-close side-panel-close op-icon d-md-none "></a>
+        </div>
+        <MainSideNav  seafileAPI={this.props.seafileAPI}/>
+        <SideNavFooter />
+      </div>
+      )
+  }
+}
+export default SidePanel;