diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 39fbfaf5c..a199ecbe4 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -55,6 +55,13 @@
text-align : center;
text-transform : initial;
}
+ .save-menu .navItem i.fa-power-off {
+ color : red;
+ &.active {
+ color : rgb(0, 182, 52);
+ filter : drop-shadow(0 0 2px rgba(0, 182, 52, 0.765))
+ }
+ }
.patreon.navItem{
border-left : 1px solid #666;
border-right : 1px solid #666;
diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx
index b06b21613..0976fbf98 100644
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -143,12 +143,8 @@ const EditPage = createClass({
return !_.isEqual(this.state.brew, this.savedBrew);
},
- toggleAutoSave : function(){
- this.setState((prevState)=>({ autoSave: !prevState.autoSave }));
- },
-
trySave : function(){
- if(!this.state.autoSave){ console.log('Auto-save is off.'); return };
+ if(!this.state.autoSave){return;};
if(!this.debounceSave) this.debounceSave = _.debounce(this.save, SAVE_TIMEOUT);
if(this.hasChanges()){
this.debounceSave();
@@ -342,7 +338,7 @@ const EditPage = createClass({
return Save Now;
}
if(!this.state.isPending && !this.state.isSaving){
- return {this.state.autoSave ? `saved.` : `auto-save off`};
+ return saved.;
}
},
@@ -384,7 +380,13 @@ const EditPage = createClass({
{this.renderGoogleDriveIcon()}
- {this.renderSaveButton()}
+
+ {this.renderSaveButton()}
+ { this.setState((prevState)=>({ autoSave: !prevState.autoSave }));}}>
+ Autosave
+
+
+