more

src/Components/Modals/ConfirmModal.js

@@ -1,6 +1,9 @@
+import { useState } from "react";
 import Button from "../../pageElements/Button";
 import Modal from "react-bootstrap/Modal";
+import TextInput from "../../pageElements/TextInput";
 
+import { db } from "../../firebase";
 const ConfirmModal = ({
   onCancel,
   onConfirm,
@@ -8,13 +11,41 @@ const ConfirmModal = ({
   modalText,
   isBusy,
   isReport,
+  appUserId,
+  caseId,
+  documentId,
+  issueText,
+  setIssueText,
+  reportDoc,
 }) => {
+  console.log("isReport", isReport);
+
   return (
     <Modal show="true" onHide={onCancel} size="lg">
       <Modal.Header closeButton>
-        <Modal.Title>Confirmation</Modal.Title>
+        {isReport ? (
+          <Modal.Title>Report issue</Modal.Title>
+        ) : (
+          <Modal.Title>Confirmation</Modal.Title>
+        )}
       </Modal.Header>
-      <Modal.Body>{modalText}</Modal.Body>
+      <Modal.Body>
+        <span>{modalText}</span>
+        {isReport ? (
+          <div style={{ marginTop: "16px" }}>
+            <TextInput
+              key={"captionTwo"}
+              name={"captionTwo"}
+              value={issueText}
+              message={"data.captionTwo.message"}
+              onChange={(e) => setIssueText(e.target.value)}
+              label={issueText ? "" : "Issue description"}
+            />
+          </div>
+        ) : (
+          <></>
+        )}
+      </Modal.Body>
       <Modal.Footer>
         <Button
           disabled={isBusy}