\r\n {submitted ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n );\r\n}","import * as React from 'react';\r\nimport { useParams } from 'react-router';\r\nimport { useRef, useState } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\nimport { ApplicationState } from '../store';\r\nimport { actionCreators as FormActionCreators } from '../store/Form';\r\nimport './css/DenyForm.css'\r\n\r\nexport const ApproveForm = () => {\r\n\r\n const dispatch = useDispatch();\r\n const urlParams = useParams();\r\n const encryptedString = String(Object.values(urlParams)[0]);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [isFailure, setIsFailure] = useState(false);\r\n const resp = useSelector((state: ApplicationState) => state.form!.resp);\r\n const firstUpdate = useRef(true);\r\n\r\n const [modal, setModal] = useState(true);\r\n const toggle = () => setModal(!modal);\r\n\r\n React.useLayoutEffect(() => {\r\n if (firstUpdate.current) {\r\n firstUpdate.current = false;\r\n return;\r\n }\r\n if (resp == \"Success\") {\r\n setIsSuccess(true);\r\n setIsFailure(false);\r\n }\r\n if (resp == \"Failure\" || resp == \"input failure\") {\r\n setIsFailure(true);\r\n setIsSuccess(false);\r\n }\r\n console.log(resp);\r\n }, [resp]);\r\n\r\n React.useEffect(() => {\r\n if (firstUpdate.current == false) {\r\n dispatch(FormActionCreators.approveForm({ encryptedString: encryptedString }));\r\n }\r\n }, []);\r\n\r\n return (\r\n