diff --git a/client/modules/IDE/components/Sidebar.js b/client/modules/IDE/components/Sidebar.js index fcaaae14..47300f48 100644 --- a/client/modules/IDE/components/Sidebar.js +++ b/client/modules/IDE/components/Sidebar.js @@ -29,21 +29,21 @@ class Sidebar extends React.Component { diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js index 6d8eb7ca..9a8cf29e 100644 --- a/client/modules/IDE/pages/IDEView.js +++ b/client/modules/IDE/pages/IDEView.js @@ -19,9 +19,17 @@ class IDEView extends React.Component { if (this.props.params.project_id) { const id = this.props.params.project_id; this.props.getProject(id); + + // if autosave is enabled + this.autosaveInterval = setInterval(this.props.saveProject, 30000); } } + componentWillUnmount() { + clearInterval(this.autosaveInterval); + this.autosaveInterval = null; + } + render() { return (
Name | -Created | -Last Updated | +
---|---|---|
Name | +Created | +Last Updated | +
{sketch.name} | {moment(sketch.createdAt).format('MMM D, YYYY')} | {moment(sketch.updatedAt).format('MMM D, YYYY')} | @@ -46,7 +50,9 @@ SketchListView.propTypes = { createProject: PropTypes.func.isRequired, saveProject: PropTypes.func.isRequired, getProjects: PropTypes.func.isRequired, - sketches: PropTypes.array.isRequired + sketches: PropTypes.array.isRequired, + exportProjectAsZip: PropTypes.func.isRequired, + cloneProject: PropTypes.func.isRequired }; function mapStateToProps(state) {