From 62a790bef697f64ecfa9b7efd05296ae0beed796 Mon Sep 17 00:00:00 2001
From: dbarkowsky <dylanbarkowsky@gmail.com>
Date: Wed, 5 Jul 2023 10:53:42 -0700
Subject: [PATCH] DeletePrompt takes array of strings instead

---
 app/src/components/custom/forms/RequestForm.tsx    | 5 ++++-
 app/src/components/custom/modals/DeletePrompt.tsx  | 4 ++--
 app/src/components/custom/tables/ApprovalTable.tsx | 5 ++++-
 app/src/components/custom/uploaders/FileUpload.tsx | 5 ++++-
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/src/components/custom/forms/RequestForm.tsx b/app/src/components/custom/forms/RequestForm.tsx
index 8a3522e..c941178 100644
--- a/app/src/components/custom/forms/RequestForm.tsx
+++ b/app/src/components/custom/forms/RequestForm.tsx
@@ -143,7 +143,10 @@ const RequestForm = (props: RequestFormProps) => {
       <DeletePrompt
         deleteHandler={handleDelete}
         title='Delete Request?'
-        blurb='Are you sure you want to delete this request?;;This action will hide the request from the requestor and may only be undone by an administrator.'
+        blurb={[
+          'Are you sure you want to delete this request?',
+          'This action will hide the request from the requestor and may only be undone by an administrator.',
+        ]}
         id='deletePrompt'
       />
       <Paper
diff --git a/app/src/components/custom/modals/DeletePrompt.tsx b/app/src/components/custom/modals/DeletePrompt.tsx
index 1177366..05f35dc 100644
--- a/app/src/components/custom/modals/DeletePrompt.tsx
+++ b/app/src/components/custom/modals/DeletePrompt.tsx
@@ -13,7 +13,7 @@ import { buttonStyles } from '../../bcgov/ButtonStyles';
 interface DeletePromptProps {
   deleteHandler: () => void;
   title: string;
-  blurb: string;
+  blurb: string[];
   id: string;
 }
 
@@ -41,7 +41,7 @@ const DeletePrompt = (props: DeletePromptProps) => {
       >
         {title}
       </h4>
-      {blurb.split(';;').map((paragraph, index) => {
+      {blurb.map((paragraph, index) => {
         const key = `blurb${title}${index}`;
         return (
           <p key={key} style={{ textAlign: 'start' }}>
diff --git a/app/src/components/custom/tables/ApprovalTable.tsx b/app/src/components/custom/tables/ApprovalTable.tsx
index d7f4058..811aad0 100644
--- a/app/src/components/custom/tables/ApprovalTable.tsx
+++ b/app/src/components/custom/tables/ApprovalTable.tsx
@@ -87,7 +87,10 @@ const ApprovalTable = (props: ApprovalTableProps) => {
       <DeletePrompt
         id='approvalRemove'
         title='Remove Approval?'
-        blurb='Are you sure you want to remove this approval?;;This is not recoverable, except by leaving this request without updating.'
+        blurb={[
+          'Are you sure you want to remove this approval?',
+          'This is not recoverable, except by leaving this request without updating.',
+        ]}
         deleteHandler={removeApproval}
       />
       <Table aria-label='approval-files'>
diff --git a/app/src/components/custom/uploaders/FileUpload.tsx b/app/src/components/custom/uploaders/FileUpload.tsx
index 7eb1f79..ea38daa 100644
--- a/app/src/components/custom/uploaders/FileUpload.tsx
+++ b/app/src/components/custom/uploaders/FileUpload.tsx
@@ -155,7 +155,10 @@ const FileUpload = (props: FileUploadProps) => {
           <DeletePrompt
             id={`fileDelete${source}${index}`}
             title='Remove File?'
-            blurb='Are you sure you want to remove this file?;;This is not recoverable, except by leaving this request without updating.'
+            blurb={[
+              'Are you sure you want to remove this file?',
+              'This is not recoverable, except by leaving this request without updating.',
+            ]}
             deleteHandler={() => {
               const tempFiles: IFile[] = [...files];
               delete tempFiles[index].file;