refactor trash files message

src/components/pages/dedupe/SelectedFileOptions.tsx

@@ -9,6 +9,7 @@ import { AppContext } from 'pages/_app';
 import CloseIcon from '@mui/icons-material/Close';
 import BackButton from '@mui/icons-material/ArrowBackOutlined';
 import DeleteIcon from '@mui/icons-material/Delete';
+import { getTrashFilesMessage } from 'utils/ui';
 
 const VerticalLine = styled('div')`
     position: absolute;
@@ -41,16 +42,7 @@ export default function DeduplicateOptions({
     const { setDialogMessage } = useContext(AppContext);
 
     const trashHandler = () =>
-        setDialogMessage({
-            title: constants.CONFIRM_DELETE,
-            content: constants.TRASH_MESSAGE,
-            proceed: {
-                action: deleteFileHelper,
-                text: constants.MOVE_TO_TRASH,
-                variant: 'danger',
-            },
-            close: { text: constants.CANCEL },
-        });
+        setDialogMessage(getTrashFilesMessage(deleteFileHelper));
 
     return (
         <SelectionBar>

src/components/pages/gallery/SelectedFileOptions.tsx

@@ -25,6 +25,7 @@ import UnArchiveIcon from '@mui/icons-material/Visibility';
 import ArchiveIcon from '@mui/icons-material/VisibilityOff';
 import MoveIcon from '@mui/icons-material/ArrowForward';
 import RemoveIcon from '@mui/icons-material/RemoveCircleOutline';
+import { getTrashFilesMessage } from 'utils/ui';
 
 interface Props {
     addToCollectionHelper: (collection: Collection) => void;
@@ -78,16 +79,7 @@ const SelectedFileOptions = ({
         });
 
     const trashHandler = () =>
-        setDialogMessage({
-            title: constants.TRASH_FILES_TITLE,
-            content: constants.TRASH_FILES_MESSAGE,
-            proceed: {
-                action: deleteFileHelper,
-                text: constants.MOVE_TO_TRASH,
-                variant: 'danger',
-            },
-            close: { text: constants.CANCEL },
-        });
+        setDialogMessage(getTrashFilesMessage(deleteFileHelper));
 
     const permanentlyDeleteHandler = () =>
         setDialogMessage({

src/utils/ui/index.tsx

@@ -17,3 +17,16 @@ export const getDownloadAppMessage = (): DialogBoxAttributes => {
         },
     };
 };
+
+export const getTrashFilesMessage = (
+    deleteFileHelper
+): DialogBoxAttributes => ({
+    title: constants.TRASH_FILES_TITLE,
+    content: constants.TRASH_FILES_MESSAGE,
+    proceed: {
+        action: deleteFileHelper,
+        text: constants.MOVE_TO_TRASH,
+        variant: 'danger',
+    },
+    close: { text: constants.CANCEL },
+});