36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
const MszCommentsFormNotice = function() {
|
|
const element = <div class="comments-notice">
|
|
You must be logged in to post comments.
|
|
</div>;
|
|
|
|
return {
|
|
get element() {
|
|
return element;
|
|
},
|
|
};
|
|
};
|
|
|
|
const MszCommentsForm = function(userInfo, root) {
|
|
const element = <form class="comments-form" style={`--user-colour: ${userInfo.colour}; display: flex;`}>
|
|
<div class="comments-form-avatar">
|
|
<img src={userInfo.avatar} alt="" width="40" height="40" class="avatar" />
|
|
</div>
|
|
<div class="comments-form-wrap">
|
|
<div class="comments-form-input">
|
|
<textarea class="input__textarea" placeholder="Share your extensive insights..." />
|
|
</div>
|
|
<div style="display: flex;">
|
|
<div>Press enter to submit, use shift+enter to start a new line.</div>
|
|
<div style="flex-grow: 1;" />
|
|
{userInfo.can_pin ? <div><label><input type="checkbox"/> Pin</label></div> : null}
|
|
<div><button class="input__button">Post</button></div>
|
|
</div>
|
|
</div>
|
|
</form>;
|
|
|
|
return {
|
|
get element() {
|
|
return element;
|
|
},
|
|
};
|
|
};
|