diff --git a/src/components/MonitorLog/EditLogPopup.jsx b/src/components/MonitorLog/EditLogPopup.jsx
new file mode 100644
index 00000000..8a157255
--- /dev/null
+++ b/src/components/MonitorLog/EditLogPopup.jsx
@@ -0,0 +1,159 @@
+import {
+ Modal,
+ ModalOverlay,
+ ModalContent,
+ ModalHeader,
+ ModalBody,
+ ModalFooter,
+ useDisclosure,
+ Button,
+ RadioGroup,
+ Radio,
+ Textarea,
+ Text,
+ ButtonGroup,
+ useToast,
+} from '@chakra-ui/react';
+import { React, useState } from 'react';
+import { FiEdit2 } from 'react-icons/fi';
+import PropTypes from 'prop-types';
+import { useNavigate } from 'react-router-dom';
+
+const EditLog = ({ setModalStep, onClose, user }) => {
+ const [selected, setSelected] = useState(null);
+ const navigate = useNavigate();
+ return (
+ <>
+ Edit Log
+
+ Would you rather...
+ {
+ setSelected(val);
+ }}
+ >
+ Directly edit the log
+ Request the surveyor to revise & resubmit the log
+
+
+
+
+
+
+
+
+ >
+ );
+};
+
+const RequestEdits = ({ setModalStep, onClose }) => {
+ const toast = useToast();
+ const [value, setValue] = useState('');
+ return (
+ <>
+ You are requesting edits to this monitor log.
+
+ Reason
+
+
+
+
+
+
+
+ >
+ );
+};
+
+const EditLogPopup = ({ user }) => {
+ const [modalStep, setModalStep] = useState('editLog');
+ const { isOpen, onOpen, onClose } = useDisclosure();
+
+ // useEffect(() => {
+ // setModalStep('reminderSelect');
+ // });
+
+ const modalContent = {
+ editLog: ,
+ request: ,
+ };
+
+ return (
+ <>
+
+
+
+
+ {modalContent[modalStep]}
+
+ >
+ );
+};
+
+EditLog.propTypes = {
+ setModalStep: PropTypes.func.isRequired,
+ onClose: PropTypes.func.isRequired,
+ user: PropTypes.string.isRequired,
+};
+
+RequestEdits.propTypes = {
+ setModalStep: PropTypes.func.isRequired,
+ onClose: PropTypes.func.isRequired,
+};
+
+EditLogPopup.propTypes = {
+ user: PropTypes.string.isRequired,
+};
+
+export default EditLogPopup;
diff --git a/src/components/MonitorLog/ReviewSubmitTabPopup.jsx b/src/components/MonitorLog/ReviewSubmitTabPopup.jsx
index ae73d2b7..49149af5 100644
--- a/src/components/MonitorLog/ReviewSubmitTabPopup.jsx
+++ b/src/components/MonitorLog/ReviewSubmitTabPopup.jsx
@@ -14,39 +14,36 @@ import {
} from '@chakra-ui/react';
import PropTypes from 'prop-types';
import { FiCheck } from 'react-icons/fi';
-import { React, useState, useEffect } from 'react';
+import { React, useState } from 'react';
import { Link } from 'react-router-dom';
import confirmSubmission from '../../assets/confirmSubmission.svg';
import monitorLogSubmissionComplete from '../../assets/monitorLogSubmissionComplete.svg';
const SubmitSurvey = ({ setModalStep, onClose, submit }) => {
- console.log('entered');
return (
<>
-
- Are you sure you want to submit your survey log?
-
-
-
-
-
-
-
-
-
-
-
-
+ Are you sure you want to submit your survey log?
+
+
+
+
+
+
+
+
+
+
+
>
);
};
@@ -54,17 +51,20 @@ const SubmitSurvey = ({ setModalStep, onClose, submit }) => {
const Submitted = ({ onClose }) => {
return (
<>
-
-
+
+
Congratulations! You’ve submitted your monitor log for review.
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
>
);
};
diff --git a/src/pages/MonitorLogPage.jsx b/src/pages/MonitorLogPage.jsx
index 88542acd..96d3a976 100644
--- a/src/pages/MonitorLogPage.jsx
+++ b/src/pages/MonitorLogPage.jsx
@@ -38,6 +38,7 @@ import ListedSpeciesTab from '../components/MonitorLog/ListedSpeciesTab';
import PredatorsTab from '../components/MonitorLog/PredatorsTab';
import ReviewSubmitTab from '../components/MonitorLog/ReviewSubmitTab';
import ReviewSubmitTabPopup from '../components/MonitorLog/ReviewSubmitTabPopup';
+import EditLogPopup from '../components/MonitorLog/EditLogPopup';
const MonitorTabButton = props => {
// eslint-disable-next-line react/prop-types
@@ -320,7 +321,8 @@ const MonitorLogPage = ({ mode }) => {
Return to Top
- {activeTab !== totalTabs - 1 && (
+ {mode === 'review' && }
+ {activeTab !== totalTabs - 1 && mode !== 'review' && (
)}
- {activeTab === totalTabs - 1 && (
+ {activeTab === totalTabs - 1 && mode !== 'review' && (
//