Add modal when revoking send to prison admin

Author: oddsson

apps/judicial-system/web/messages/Core/index.ts

@@ -209,6 +209,11 @@ export const core = defineMessages({
     defaultMessage: 'Halda áfram',
     description: 'Notað fyrir "Halda áfram" takka í öllum flæðum.',
   },
+  cancel: {
+    id: 'judicial.system.core:cancel',
+    defaultMessage: 'Hætta við',
+    description: 'Notað fyrir "Hætta við" takka í öllum flæðum.',
+  },
   createCase: {
     id: 'judicial.system.core:create_case',
     defaultMessage: 'Stofna mál',

apps/judicial-system/web/src/components/BlueBoxWithIcon/BlueBoxWithDate.strings.ts

@@ -83,4 +83,20 @@ export const strings = defineMessages({
     description:
       'Notaður sem titill í svæði þar sem kærufrestur viðurlagaákvörðunar er tekinn fram',
   },
+  revokeSendToPrisonAdminModalTitle: {
+    id: 'judicial.system.core:public_prosecutor.indictments.overview.revoke_send_to_prison_admin_modal_title',
+    defaultMessage: 'Afturkalla úr fullnustu',
+    description: 'Notaður sem titill í "Afturkalla úr fullnustu" modal glugga.',
+  },
+  revokeSendToPrisonAdminModalText: {
+    id: 'judicial.system.core:public_prosecutor.indictments.overview.revoke_send_to_prison_admin_modal_text',
+    defaultMessage:
+      'Mál {courtCaseNumber} verður afturkallað.\nÁkærði: {defendant}.',
+    description: 'Notaður sem texti í "Afturkalla úr fullnustu" modal glugga.',
+  },
+  revoke: {
+    id: 'judicial.system.core:public_prosecutor.indictments.overview.revoke',
+    defaultMessage: 'Afturkalla',
+    description: 'Notaður sem texti fyrir aðgerðina að afturkalla mál',
+  },
 })

apps/judicial-system/web/src/components/BlueBoxWithIcon/BlueBoxWithDate.tsx

@@ -15,7 +15,7 @@ import {
 import { PUBLIC_PROSECUTOR_STAFF_INDICTMENT_SEND_TO_PRISON_ADMIN_ROUTE } from '@island.is/judicial-system/consts'
 import { formatDate } from '@island.is/judicial-system/formatters'
 import { VERDICT_APPEAL_WINDOW_DAYS } from '@island.is/judicial-system/types'
-import { errors } from '@island.is/judicial-system-web/messages'
+import { core, errors } from '@island.is/judicial-system-web/messages'
 
 import {
   CaseIndictmentRulingDecision,
@@ -29,12 +29,15 @@ import { getAppealExpirationInfo } from '../InfoCard/DefendantInfo/DefendantInfo
 import SectionHeading from '../SectionHeading/SectionHeading'
 import { strings } from './BlueBoxWithDate.strings'
 import * as styles from './BlueBoxWithIcon.css'
+import Modal from '../Modal/Modal'
 
 interface Props {
   defendant: Defendant
   icon?: IconMapIcon
 }
 
+type VisibleModal = 'REVOKE_SEND_TO_PRISON_ADMIN'
+
 const BlueBoxWithDate: FC<Props> = (props) => {
   const { defendant, icon } = props
   const { formatMessage } = useIntl()
@@ -47,7 +50,8 @@ const BlueBoxWithDate: FC<Props> = (props) => {
   })
   const [triggerAnimation, setTriggerAnimation] = useState<boolean>(false)
   const [triggerAnimation2, setTriggerAnimation2] = useState<boolean>(false)
-  const { setAndSendDefendantToServer } = useDefendants()
+  const [modalVisible, setModalVisible] = useState<VisibleModal>()
+  const { setAndSendDefendantToServer, isUpdatingDefendant } = useDefendants()
   const { workingCase, setWorkingCase } = useContext(FormContext)
   const router = useRouter()
 
@@ -111,6 +115,8 @@ const BlueBoxWithDate: FC<Props> = (props) => {
       },
       setWorkingCase,
     )
+
+    setModalVisible(undefined)
   }
 
   const appealExpirationInfo = useMemo(() => {
@@ -335,7 +341,7 @@ const BlueBoxWithDate: FC<Props> = (props) => {
         {defendant.isSentToPrisonAdmin ? (
           <Button
             variant="text"
-            onClick={handleRevokeSendToPrisonAdmin}
+            onClick={() => setModalVisible('REVOKE_SEND_TO_PRISON_ADMIN')}
             size="small"
             colorScheme="destructive"
           >
@@ -355,6 +361,20 @@ const BlueBoxWithDate: FC<Props> = (props) => {
           </Button>
         )}
       </Box>
+      {modalVisible === 'REVOKE_SEND_TO_PRISON_ADMIN' && (
+        <Modal
+          title={formatMessage(strings.revokeSendToPrisonAdminModalTitle)}
+          text={formatMessage(strings.revokeSendToPrisonAdminModalText, {
+            courtCaseNumber: workingCase.courtCaseNumber,
+            defendant: defendant.name,
+          })}
+          onPrimaryButtonClick={handleRevokeSendToPrisonAdmin}
+          primaryButtonText={formatMessage(strings.revoke)}
+          isPrimaryButtonLoading={isUpdatingDefendant}
+          secondaryButtonText={formatMessage(core.cancel)}
+          onSecondaryButtonClick={() => setModalVisible(undefined)}
+        />
+      )}
     </>
   )
 }

apps/judicial-system/web/src/routes/PublicProsecutor/Indictments/SendToPrisonAdmin/SendToPrisonAdmin.strings.ts

@@ -29,7 +29,7 @@ export const strings = defineMessages({
       'Notaður sem titill á tilkynningarglugga um að senda til fullnustu.',
   },
   modalText: {
-    id: 'judicial.system.core:send_to_prison_admin.modal_text',
+    id: 'judicial.system.core:send_to_prison_admin.modal_text_v1',
     defaultMessage:
       'Mál {courtCaseNumber} verður sent til Fangelsismálastofnunar til fullnustu.\nÁkærði: {defendant}.',
     description: