Adding a non-chrome warning

client/homebrew/navbar/navbar.jsx

@@ -4,6 +4,29 @@ var _ = require('lodash');
 var Nav = require('naturalcrit/nav/nav.jsx');
 
 var Navbar = React.createClass({
+	getInitialState: function() {
+		return {
+			showNonChromeWarning : false
+		};
+	},
+
+	componentDidMount: function() {
+		var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+		this.setState({
+			showNonChromeWarning : !isChrome
+		})
+	},
+
+	renderChromeWarning : function(){
+		if(!this.state.showNonChromeWarning) return;
+		return <Nav.item className='warning' icon='fa-exclamation-triangle'>
+			Optimized for Chrome
+			<div className='dropdown'>
+				If you are experiencing rendering issues, use Chrome instead
+			</div>
+		</Nav.item>
+	},
+
 	render : function(){
 		return <Nav.base>
 			<Nav.section>
@@ -11,7 +34,9 @@ var Navbar = React.createClass({
 				<Nav.item href='/' className='homebrewLogo'>
 					<div>The Homebrewery</div>
 				</Nav.item>
-				<Nav.item>v2.2.4</Nav.item>
+				<Nav.item>v2.2.5</Nav.item>
+
+				{this.renderChromeWarning()}
 			</Nav.section>
 			{this.props.children}
 		</Nav.base>