Make delete button for permanent confirm modal actions red (#1907)

* Make delete button for permanent confirm modal actions red

* tweak delete confirmation modal

---------

Co-authored-by: Dan Delany <daniel.t.delany@jpl.nasa.gov>

Author: 2 people

src/components/modals/ConfirmModal.svelte

@@ -38,14 +38,19 @@
   <ModalContent>
     <span>{message}</span>
     {#if !actionCanBeUndone}
-      <i>This action cannot be undone.</i>
+      <strong>This action cannot be undone.</strong>
     {/if}
   </ModalContent>
   <ModalFooter>
     <button class="st-button secondary" on:click={() => dispatch('close')}>
       {cancelText}
     </button>
-    <button class="st-button" on:click={() => dispatch('confirm')}>
+    <button
+      class="st-button {!actionCanBeUndone
+        ? 'bg-destructive text-destructive-foreground hover:!bg-destructive/90'
+        : ''}"
+      on:click={() => dispatch('confirm')}
+    >
       {confirmText}
     </button>
   </ModalFooter>

src/utilities/effects.ts

@@ -4116,9 +4116,9 @@ const effects = {
       }
 
       const { confirm } = await showConfirmModal(
-        'Delete',
-        `This will permanently delete the selected ${typeDisplayString.toLowerCase()} from the workspace: ${workspace.name}`,
-        'Delete Permanently',
+        `Permanently Delete ${typeDisplayString}`,
+        `This will permanently delete the selected ${typeDisplayString.toLowerCase()} from the "${workspace.name}" workspace.`,
+        `Permanently Delete`,
       );
 
       let responses: BulkOperationResponses = [];