diff --git a/src/Components/Document/DocEditPage.js b/src/Components/Document/DocEditPage.js
index 43b05bc..bea0469 100644
--- a/src/Components/Document/DocEditPage.js
+++ b/src/Components/Document/DocEditPage.js
@@ -35,6 +35,7 @@ const DocEditPage = () => {
const [saveDocumentId, setSaveDocumentId] = useState("");
const [showSaveModal, setShowSaveModal] = useState(false);
const [isLoading, setIsLoading] = useState(false);
+ const [isReport, setIsReport] = useState(false);
const [responsesCreated, setResponsesCreated] = useState(
parseInt(responseGenerations)
);
@@ -510,6 +511,10 @@ const DocEditPage = () => {
setShowSaveModal(true);
};
+ const handleConfirmReport = () => {
+ setShowSaveModal(true);
+ };
+
const onScrollClick = () => {
const bottom = window.document.scrollingElement.scrollHeight;
const place = window.scrollY;
@@ -586,6 +591,12 @@ const DocEditPage = () => {
))}
+
handleConfirmReport()}
+ >
+
Report an issue
+
{/* TODO: add tooltip: "This will save the document and create a .docx file that will (be downloaded? saved somewhere?" */}
@@ -624,6 +635,16 @@ const DocEditPage = () => {
}
/>
) : null}
+ {showSaveModal && isReport && documentId !== null ? (
+
+ ) : null}
>
);
};
diff --git a/src/Components/Modals/ConfirmModal.js b/src/Components/Modals/ConfirmModal.js
index 0e86c23..160799e 100644
--- a/src/Components/Modals/ConfirmModal.js
+++ b/src/Components/Modals/ConfirmModal.js
@@ -7,6 +7,7 @@ const ConfirmModal = ({
buttonLabelText,
modalText,
isBusy,
+ isReport,
}) => {
return (
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index 6cc773c..a7cb8e9 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -52,7 +52,7 @@
display: flex;
flex-direction: column;
align-items: flex-end;
- margin-top: 1rem;
+ margin-top: 0.6rem;
}
.edit-back-button {
@@ -359,6 +359,15 @@
margin-top: 50px;
}
+.docedit-report-link {
+ color: red;
+}
+
+.docedit-report-link:hover {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
@media only screen and (max-width: 1140px) {
.scroll-button {
right: 30px;