Initial functionality pass

client/homebrew/pages/editPage/lockNotification/lockNotification.jsx

@@ -0,0 +1,22 @@
+require('./lockNotification.less');
+const React = require('react');
+const createClass = require('create-react-class');
+
+const LockNotification = createClass({
+	displayName     : 'LockNotification',
+	getInitialState : function() {
+		return {
+			disableLock : ()=>{}
+		};
+	},
+
+	render : function(){
+		return <div className='lockNotification'>
+			<h1>BREW LOCKED</h1>
+			<p>{this.props.message || 'Unable to retrieve Lock Message'}</p>
+			<button onClick={()=>{this.props.disableLock();}}>CLICK TO UNLOCK</button>
+		</div>;
+	}
+});
+
+module.exports = LockNotification;

client/homebrew/pages/editPage/lockNotification/lockNotification.less

@@ -0,0 +1,17 @@
+.lockNotification {
+	background-color: #ccc;
+	color: black;
+	padding: 10px;
+	margin: 25px 100px;
+	text-align: center;
+
+	button {
+		background-color: #333;
+		color: white;
+		margin-top: 10px;
+
+		&:hover {
+			background-color: #777;
+		}
+	}
+}