f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 20:03:02 +00:00
Code Wiki Activity

Convert LockNotification.jsx to functional component

Browse Source
This commit is contained in:
Trevor Buckner
2024-06-04 14:53:19 -04:00
parent 99ff7fdf14
commit 7272544724
1 changed files with 23 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
client/homebrew/pages/editPage/lockNotification/lockNotification.jsx
View File

@@ -1,40 +1,29 @@
require('./lockNotification.less');
const React = require('react');
const createClass = require('create-react-class');
const LockNotification = createClass({
displayName : 'LockNotification',
getDefaultProps : function() {
return {
shareId : 0
};
},
getInitialState : function() {
return {
disableLock : ()=>{}
};
},
removeLock : function() {
alert(`Not yet implemented - ID ${this.props.shareId}`);
},
render : function(){
return <div className='lockNotification'>
<h1>BREW LOCKED</h1>
<p>This brew been locked by the Administrators. It will not be accessible by any method other than the Editor until the lock is removed.</p>
<hr />
<h3>LOCK REASON</h3>
<p>{this.props.message || 'Unable to retrieve Lock Message'}</p>
<hr />
<p>Once you have resolved this issue, click REQUEST LOCK REMOVAL to notify the Administrators for review.</p>
<p>Click CONTINUE TO EDITOR to temporarily hide this notification; it will reappear the next time the page is reloaded.</p>
<button onClick={this.props.disableLock}>CONTINUE TO EDITOR</button>
<button onClick={this.removeLock}>REQUEST LOCK REMOVAL</button>
</div>;
function LockNotification(props) {
props = {
shareId : 0,
disableLock : ()=>{},
...props
}
});
const removeLock = () => {
alert(`Not yet implemented - ID ${props.shareId}`);
};
return <div className='lockNotification'>
<h1>BREW LOCKED</h1>
<p>This brew been locked by the Administrators. It will not be accessible by any method other than the Editor until the lock is removed.</p>
<hr />
<h3>LOCK REASON</h3>
<p>{props.message || 'Unable to retrieve Lock Message'}</p>
<hr />
<p>Once you have resolved this issue, click REQUEST LOCK REMOVAL to notify the Administrators for review.</p>
<p>Click CONTINUE TO EDITOR to temporarily hide this notification; it will reappear the next time the page is reloaded.</p>
<button onClick={props.disableLock}>CONTINUE TO EDITOR</button>
<button onClick={removeLock}>REQUEST LOCK REMOVAL</button>
</div>;
};
module.exports = LockNotification;