Add warning message to edit tasks modal. (#1091)

CruGlobal · Sep 27, 2024 · dfc6ea2 · dfc6ea2
1 parent 25bf185
commit dfc6ea2
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/components/Task/MassActions/EditTasks/MassActionsEditTasksModal.test.tsx b/src/components/Task/MassActions/EditTasks/MassActionsEditTasksModal.test.tsx
@@ -65,4 +65,25 @@ describe('MassActionsEditTasksModal', () => {
     });
     expect(handleClose).toHaveBeenCalled();
   });
+  it('displays warning message', async () => {
+    const handleClose = jest.fn();
+    const mutationSpy = jest.fn();
+    const { getByText } = render(
+      <LocalizationProvider dateAdapter={AdapterLuxon}>
+        <ThemeProvider theme={theme}>
+          <SnackbarProvider>
+            <GqlMockedProvider onCall={mutationSpy}>
+              <MassActionsEditTasksModal
+                accountListId={accountListId}
+                ids={['task-1', 'task-2']}
+                selectedIdCount={2}
+                handleClose={handleClose}
+              />
+            </GqlMockedProvider>
+          </SnackbarProvider>
+        </ThemeProvider>
+      </LocalizationProvider>,
+    );
+    expect(getByText('Blank fields will not be affected!')).toBeInTheDocument();
+  });
 });
diff --git a/src/components/Task/MassActions/EditTasks/MassActionsEditTasksModal.tsx b/src/components/Task/MassActions/EditTasks/MassActionsEditTasksModal.tsx
@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import {
+  Alert,
   Checkbox,
   DialogActions,
   DialogContent,
@@ -105,6 +106,9 @@ export const MassActionsEditTasksModal: React.FC<
 
   return (
     <Modal title={t('Edit Fields')} isOpen={true} handleClose={handleClose}>
+      <Alert severity="warning" style={{ justifyContent: 'center' }}>
+        Blank fields will not be affected!
+      </Alert>
       <Formik<Attributes>
         initialValues={{
           subject: '',