style: replace icon for title of permanent delete modal

ajyey · Jul 12, 2023 · 109554e · 109554e
1 parent c51897f
commit 109554e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/pages/popup/components/home/detail/EmailDetailPane.tsx b/src/pages/popup/components/home/detail/EmailDetailPane.tsx
@@ -31,13 +31,13 @@ import SaveButton from '@pages/popup/components/home/detail/buttons/SaveButton';
 import EditButton from '@pages/popup/components/home/detail/buttons/EditButton';
 import CancelEditingButton from '@pages/popup/components/home/detail/buttons/CancelEditingButton';
 import DeleteButton from '@pages/popup/components/home/detail/buttons/DeleteButton';
-import PermanentDeleteConfirmationModal from '@pages/popup/components/home/detail/modals/PermanentDeleteConfirmationModal';
 import { displaySuccessToast } from '../../../../../../utils/toastUtil';
 import {
   COLOR_BIG_STONE,
   COLOR_WHITE
 } from '../../../../../../utils/constants/colors';
 import PermanentlyDeleteButton from '@pages/popup/components/home/detail/buttons/PermanentlyDeleteButton';
+import PermanentDeleteConfirmationModal from '@pages/popup/components/home/detail/modals/PermanentDeleteConfirmationModal';
 
 export default function EmailDetailPane({
   selectedEmail,

diff --git a/src/pages/popup/components/home/detail/modals/PermanentDeleteConfirmationModal.tsx b/src/pages/popup/components/home/detail/modals/PermanentDeleteConfirmationModal.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { MaskedEmail } from 'fastmail-masked-email';
-import { DeletedIcon } from '@pages/popup/components/home/icons/icons';
+import { WarningIcon } from '@pages/popup/components/home/icons/icons';
 
 interface PermanentDeleteConfirmationModalProps {
   closeModal: () => void;
@@ -26,7 +26,9 @@ export default function PermanentDeleteConfirmationModal({
             {/*Modal header*/}
             <div className="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
               <h3 className="text-xl font-semibold text-gray-900 dark:text-white flex items-center">
-                <DeletedIcon iconClasses={'w-5 h-5 mr-2 stroke-red-500'} />
+                <WarningIcon
+                  iconClasses={'w-5 h-5 mr-2 stroke-red-500 stroke-2'}
+                />
                 <div className="text-lg font-semibold truncate">
                   Permanently Delete Email
                 </div>