From 6ace21b2bed75a6f392d12c6be7f0946f18e9fad Mon Sep 17 00:00:00 2001
From: Kristen Cooke <kristen@button.is>
Date: Wed, 28 Apr 2021 11:19:20 -0700
Subject: [PATCH] feat: decision modal supports reverting the decision

---
 .../Admin/ApplicationReview/DecisionModal.tsx | 45 +++++++++++++++++--
 app/pages/analyst/application-review.tsx      |  6 ---
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/app/containers/Admin/ApplicationReview/DecisionModal.tsx b/app/containers/Admin/ApplicationReview/DecisionModal.tsx
index 01070e6fc5..25db110983 100644
--- a/app/containers/Admin/ApplicationReview/DecisionModal.tsx
+++ b/app/containers/Admin/ApplicationReview/DecisionModal.tsx
@@ -3,10 +3,11 @@ import {graphql, createFragmentContainer, RelayProp} from 'react-relay';
 import {DecisionModal_applicationRevisionStatus} from '__generated__/DecisionModal_applicationRevisionStatus.graphql';
 import createApplicationRevisionStatusMutation from 'mutations/application/createApplicationRevisionStatusMutation';
 import {CiipApplicationRevisionStatus} from 'createApplicationRevisionStatusMutation.graphql';
-import {Modal, Button} from 'react-bootstrap';
+import {Modal, Button, Alert} from 'react-bootstrap';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faEnvelope, faCheck, faTimes} from '@fortawesome/free-solid-svg-icons';
 import ModalSharedStyles from 'components/ModalSharedStyles';
+import {getUserFriendlyStatusLabel} from 'lib/text-transforms';
 
 interface Props {
   show: boolean;
@@ -24,6 +25,11 @@ export const DecisionModal: React.FunctionComponent<Props> = ({
   applicationRevisionStatus
 }) => {
   const {applicationId, versionNumber} = applicationRevisionStatus;
+  const status = applicationRevisionStatus.applicationRevisionStatus;
+  const decisionHasBeenMade = status !== 'SUBMITTED';
+  const title = decisionHasBeenMade
+    ? `Revert Decision`
+    : 'Make a Decision or Request Changes';
 
   const saveDecision = async (decision) => {
     onDecision();
@@ -78,16 +84,46 @@ export const DecisionModal: React.FunctionComponent<Props> = ({
       </Modal.Footer>
     </>
   );
+  const revertDecisionContent = (
+    <>
+      <Modal.Body>
+        <p>
+          The applicant was notified by email of the following decision:{' '}
+          <strong>{getUserFriendlyStatusLabel(status)}</strong>
+        </p>
+        <p>Would you like to revert this decision?</p>
+        <p>
+          Doing so will change this application&apos;s status back to{' '}
+          <strong>Submitted</strong> and you will have the opportunity to make
+          further changes to the review before making a new decision or
+          requesting changes.
+        </p>
+        {status === 'REQUESTED_CHANGES' && (
+          <Alert variant="secondary">
+            <strong>Note:</strong> If the applicant begins drafting a new
+            revision of the application, it will no longer be possible to revert
+            a decision of <strong>Changes requested</strong>.
+          </Alert>
+        )}
+      </Modal.Body>
+      <Modal.Footer>
+        <Button onClick={() => saveDecision('SUBMITTED')}>
+          Revert Decision
+        </Button>
+      </Modal.Footer>
+    </>
+  );
   return (
     <Modal show={show} centered size="lg" onHide={onHide}>
       <Modal.Header closeButton>
-        <h2>Make a Decision or Request Changes</h2>
+        <h2>{title}</h2>
       </Modal.Header>
-      {makeDecisionContent}
+      {!decisionHasBeenMade && makeDecisionContent}
+      {decisionHasBeenMade && revertDecisionContent}
       <style jsx>{ModalSharedStyles}</style>
       <style jsx>{`
         :global(.modal-body) {
-          padding: 2rem 2rem 1rem 2rem;
+          padding: 2rem;
         }
         :global(.btn svg.svg-inline--fa) {
           margin-right: 0.5em;
@@ -100,6 +136,7 @@ export const DecisionModal: React.FunctionComponent<Props> = ({
 export default createFragmentContainer(DecisionModal, {
   applicationRevisionStatus: graphql`
     fragment DecisionModal_applicationRevisionStatus on ApplicationRevisionStatus {
+      applicationRevisionStatus
       applicationId
       versionNumber
     }
diff --git a/app/pages/analyst/application-review.tsx b/app/pages/analyst/application-review.tsx
index e6d4a98b6b..c3081013cb 100644
--- a/app/pages/analyst/application-review.tsx
+++ b/app/pages/analyst/application-review.tsx
@@ -138,12 +138,6 @@ class ApplicationReview extends Component<Props, State> {
       this.props.query?.application.reviewRevisionStatus
         .applicationRevisionStatus !== 'SUBMITTED';
 
-    const handleChangeDecision = () => {
-      console.log(
-        'implement me in 2294 - should open the decision dialog with admin-only option to revert (to SUBMITTED status)'
-      );
-    };
-
     return (
       <DefaultLayout
         session={session}