add labels to moderation modal

This commit is contained in:
Tom
2023-05-19 21:18:35 +02:00
parent 80aa688aab
commit 320c336f9b
+15 -9
View File
@@ -152,9 +152,11 @@ const ModerationModal = ({ isOpen, closeModal }) => {
</div> </div>
<ul className="settings-cat"> <ul className="settings-cat">
<li className="settings-cat-lbl"> <li className="settings-cat-lbl">
<input type="checkbox" style={{marginRight: "10px"}} <label>
checked={pin} onChange={() => setPin(!pin)} /> <input type="checkbox" style={{marginRight: "10px"}}
Pin thread checked={pin} onChange={() => setPin(!pin)} />
Pin thread
</label>
</li> </li>
<li className="settings-tip"> <li className="settings-tip">
Pin the thread to make it a sticky, showed at the top of the board even as new posts are submitted. Pin the thread to make it a sticky, showed at the top of the board even as new posts are submitted.
@@ -162,9 +164,11 @@ const ModerationModal = ({ isOpen, closeModal }) => {
</ul> </ul>
<ul className="settings-cat"> <ul className="settings-cat">
<li className="settings-cat-lbl"> <li className="settings-cat-lbl">
<input type="checkbox" style={{marginRight: "10px"}} <label>
checked={deleteThread} onChange={() => setDeleteThread(!deleteThread)} /> <input type="checkbox" style={{marginRight: "10px"}}
Delete thread checked={deleteThread} onChange={() => setDeleteThread(!deleteThread)} />
Delete thread
</label>
</li> </li>
<li className="settings-tip"> <li className="settings-tip">
The post will no longer visible to other users, but the person who posted it can still see it in their own account. The post will no longer visible to other users, but the person who posted it can still see it in their own account.
@@ -172,9 +176,11 @@ const ModerationModal = ({ isOpen, closeModal }) => {
</ul> </ul>
<ul className="settings-cat"> <ul className="settings-cat">
<li className="settings-cat-lbl"> <li className="settings-cat-lbl">
<input type="checkbox" style={{marginRight: "10px"}} <label>
checked={close} onChange={() => setClose(!close)} /> <input type="checkbox" style={{marginRight: "10px"}}
Close thread checked={close} onChange={() => setClose(!close)} />
Close thread
</label>
</li> </li>
<li className="settings-tip"> <li className="settings-tip">
Closing a thread allows users to still see the content, but they cannot add any new replies to it. Closing a thread allows users to still see the content, but they cannot add any new replies to it.