From 52ff2e41e6d3e7a7b3340dcdbcff63b01cc33385 Mon Sep 17 00:00:00 2001
From: Scott Tolksdorf <scott.tolksdorf@gmail.com>
Date: Thu, 19 May 2016 08:35:37 -0400
Subject: [PATCH] new error ahndler nearly done

---
 client/homebrew/pages/editPage/editPage.jsx  | 35 +++++++++++++++-----
 client/homebrew/pages/editPage/editPage.less | 18 ++++++++++
 2 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx
index f38b9c2c5..2b474568f 100644
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -107,7 +107,8 @@ var EditPage = React.createClass({
 	save : function(){
 		this.debounceSave.cancel();
 		this.setState({
-			isSaving : true
+			isSaving : true,
+			errors : null
 		});
 
 		request
@@ -117,17 +118,35 @@ var EditPage = React.createClass({
 				title : this.state.title
 			})
 			.end((err, res) => {
-				this.savedBrew = res.body;
-				this.setState({
-					isPending : false,
-					isSaving : false,
-					errors : err,
-					lastUpdated : res.body.updatedAt
-				})
+				if(err){
+					this.setState({
+						errors : err,
+					})
+				}else{
+					this.savedBrew = res.body;
+					this.setState({
+						isPending : false,
+						isSaving : false,
+						lastUpdated : res.body.updatedAt
+					})
+				}
 			})
 	},
 
 	renderSaveButton : function(){
+		//if(this.state.errors){
+			return <Nav.item className='save error' icon="fa-warning">
+				Oops!
+				<div className='errorContainer'>
+					Looks like there was a problem saving. <br />
+					Report the issue <a target='_blank' href={'https://github.com/stolksdorf/naturalcrit/issues/new?body='+
+						encodeURIComponent(JSON.stringify(this.state.errors, null, '  '))}>
+						here
+					</a>.
+				</div>
+			</Nav.item>
+		//}
+
 		if(this.state.isSaving){
 			return <Nav.item className='save' icon="fa-spinner fa-spin">saving...</Nav.item>
 		}
diff --git a/client/homebrew/pages/editPage/editPage.less b/client/homebrew/pages/editPage/editPage.less
index e307ec159..dd3a901bf 100644
--- a/client/homebrew/pages/editPage/editPage.less
+++ b/client/homebrew/pages/editPage/editPage.less
@@ -7,6 +7,24 @@
 			color : #666;
 			cursor : initial;
 		}
+
+		&.error{
+			position: relative;
+			background-color: @red;
+
+			.errorContainer{
+				position: absolute;
+				top: 29px;
+				background-color: #333;
+				padding: 8px;
+				width: 120px;
+				left: -20px;
+				z-index: 1000;
+				a{
+					color : @teal;
+				}
+			}
+		}
 	}
 
 }
\ No newline at end of file