diff options
Diffstat (limited to 'src/mobile/SideBar.tsx')
| -rw-r--r-- | src/mobile/SideBar.tsx | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/mobile/SideBar.tsx b/src/mobile/SideBar.tsx new file mode 100644 index 000000000..a06069ed8 --- /dev/null +++ b/src/mobile/SideBar.tsx @@ -0,0 +1,39 @@ +import React = require("react"); +import { observer } from "mobx-react"; +import "./SideBar.scss"; +import { computed } from "mobx"; +import { DocumentView } from '../client/views/nodes/DocumentView'; + +@observer +export class SideBar extends React.Component<{ views: (DocumentView | undefined)[], stack?: any }, {}>{ + + constructor(props: { views: (DocumentView | undefined)[] }) { + super(props); + } + + @computed + onClick() { + document.getElementsByClassName('sidebar') + [0].classList.toggle('active'); + } + + render() { + return ( + <> + <div className="navbar"> + <div className="toggle-btn" onClick={this.onClick}> + <span></span> + <span></span> + <span></span> + </div> + </div> + <div className="sidebar"> + <div className="item">Workspace1</div> + <div className="item">Workspace2</div> + <div className="item">Workspace3</div> + </div> + </> + ); + } + +}
\ No newline at end of file |