QuickReply y Repor Modal

1 files changed, 62 insertions, 3 deletions

diff --git a/src/Post.js b/src/Post.js
index 6e09dd2..923fea7 100644
--- a/src/Post.js
+++ b/src/Post.js
@@ -6,11 +6,13 @@ import {
   Comment,
   Flag,
   Embed,
-  Label
+  Form,
+  Button
 } from "semantic-ui-react";
 import Moment from "react-moment";
 import "moment/locale/es";
 import { avatars } from "./Quotes";
+import ReplyForm from "./ReplyForm";
 
 const ImageModal = ({ href, trigger }) => (
   <Modal trigger={trigger} basic size="fullscreen">
@@ -22,6 +24,53 @@ const ImageModal = ({ href, trigger }) => (
   </Modal>
 );
 
+const ReportModal = ({ trigger, threadId, postId, dir }) => (
+  <Modal trigger={trigger} size="tiny">
+    <Modal.Header>Reportar</Modal.Header>
+    <Modal.Content>
+      <Modal.Description>
+        <p>
+          Para pedir que el post <b>#{postId}</b> sea eliminado, indica una
+          razón y presiona el botón Reportar.
+        </p>
+        <p>
+          Normalmente eliminamos los mensajes que son considerados spam o flood.
+          <br />
+          Si deseas pedir la prohibición de acceso a algún usuario persistente,
+          te recomendamos hacerlo en la sección /bai/.
+        </p>
+        <Form>
+          <Form.Field>
+            <Form.Input label="Razón" />
+          </Form.Field>
+        </Form>
+      </Modal.Description>
+    </Modal.Content>
+    <Modal.Actions>
+      <Button color="red">Reportar</Button>
+    </Modal.Actions>
+  </Modal>
+);
+
+const QuickReplyModal = ({ trigger, currentBoard, id, locked }) => (
+  <Modal trigger={trigger} size="tiny">
+    <Modal.Header>Respuesta rápida</Modal.Header>.
+    <Modal.Content>
+      <Modal.Description>
+        <ReplyForm
+          currentBoard={currentBoard}
+          parent={id}
+          locked={locked}
+          nightMode={false}
+        />
+      </Modal.Description>
+    </Modal.Content>
+    <Modal.Actions>
+      <Button secondary>Responder</Button>
+    </Modal.Actions>
+  </Modal>
+);
+
 const Post = ({ index, post, locked, threadId, currentBoard, nightMode }) => {
   if (post.IS_DELETED > 0) {
     return (
@@ -183,8 +232,18 @@ const Post = ({ index, post, locked, threadId, currentBoard, nightMode }) => {
           />
         </Comment.Text>
         <Comment.Actions>
-          {locked ? null : <Comment.Action>Responder</Comment.Action>}
-          <Comment.Action>Reportar</Comment.Action>
+          {locked ? null : (
+            <QuickReplyModal
+              trigger={<Comment.Action>Responder</Comment.Action>}
+              currentBoard={currentBoard}
+              id={post.parentid}
+              locked={locked}
+            />
+          )}
+          <ReportModal
+            trigger={<Comment.Action>Reportar</Comment.Action>}
+            postId={post.id}
+          />
         </Comment.Actions>
       </Comment.Content>
     </Comment>