add failure message when create a task error

src/components/ReportActionItem/TaskView.js

@@ -58,8 +58,8 @@ function TaskView(props) {
         <View>
             <OfflineWithFeedback
                 shouldShowErrorMessages
-                errors={lodashGet(props, 'report.errorFields.editTask')}
-                onClose={() => Task.clearEditTaskErrors(props.report.reportID)}
+                errors={lodashGet(props, 'report.errorFields.editTask') || lodashGet(props, 'report.errorFields.createTask')}
+                onClose={() => Task.clearTaskErrors(props.report.reportID)}
                 errorRowStyles={styles.ph5}
             >
                 <Hoverable>

src/languages/en.ts

@@ -1637,6 +1637,7 @@ export default {
         markAsComplete: 'Mark as complete',
         markAsIncomplete: 'Mark as incomplete',
         assigneeError: 'There was an error assigning this task, please try another assignee.',
+        genericCreateTaskFailureMessage: 'Unexpected error create task, please try again later.',
     },
     statementPage: {
         generatingPDF: "We're generating your PDF right now. Please come back later!",

src/languages/es.ts

@@ -1660,6 +1660,7 @@ export default {
         markAsComplete: 'Marcar como completada',
         markAsIncomplete: 'Marcar como incompleta',
         assigneeError: 'Hubo un error al asignar esta tarea, inténtalo con otro usuario.',
+        genericCreateTaskFailureMessage: 'Error inesperado al crear el tarea, por favor, inténtalo más tarde.',
     },
     statementPage: {
         generatingPDF: 'Estamos generando tu PDF ahora mismo. ¡Por favor, vuelve más tarde!',

src/libs/actions/ReportActions.ts

@@ -4,6 +4,7 @@ import * as ReportUtils from '@libs/ReportUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ReportAction from '@src/types/onyx/ReportAction';
+import * as Report from './Report';
 
 function clearReportActionErrors(reportID: string, reportAction: ReportAction) {
     const originalReportID = ReportUtils.getOriginalReportID(reportID, reportAction);
@@ -24,6 +25,11 @@ function clearReportActionErrors(reportID: string, reportAction: ReportAction) {
             Onyx.set(`${ONYXKEYS.COLLECTION.TRANSACTION}${linkedTransactionID}`, null);
         }
 
+        // Delete the failed task report too
+        const taskReportID = reportAction.message?.[0]?.taskReportID;
+        if (taskReportID) {
+            Report.deleteReport(taskReportID);
+        }
         return;
     }
 

src/libs/actions/Task.js

@@ -15,6 +15,7 @@ import * as UserUtils from '@libs/UserUtils';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
+import * as Report from './Report';
 
 let currentUserEmail;
 let currentUserAccountID;
@@ -134,9 +135,13 @@ function createTaskAndNavigate(parentReportID, title, description, assigneeEmail
     // FOR TASK REPORT
     const failureData = [
         {
-            onyxMethod: Onyx.METHOD.SET,
+            onyxMethod: Onyx.METHOD.MERGE,
             key: `${ONYXKEYS.COLLECTION.REPORT}${optimisticTaskReport.reportID}`,
-            value: null,
+            value: {
+                errorFields: {
+                    createTask: ErrorUtils.getMicroSecondOnyxError('task.genericCreateTaskFailureMessage'),
+                },
+            },
         },
         {
             onyxMethod: Onyx.METHOD.MERGE,
@@ -187,7 +192,11 @@ function createTaskAndNavigate(parentReportID, title, description, assigneeEmail
     failureData.push({
         onyxMethod: Onyx.METHOD.MERGE,
         key: `${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${parentReportID}`,
-        value: {[optimisticAddCommentReport.reportAction.reportActionID]: {pendingAction: null}},
+        value: {
+            [optimisticAddCommentReport.reportAction.reportActionID]: {
+                errors: ErrorUtils.getMicroSecondOnyxError('task.genericCreateTaskFailureMessage'),
+            },
+        },
     });
 
     clearOutTaskInfo();
@@ -875,7 +884,19 @@ function canModifyTask(taskReport, sessionAccountID) {
 /**
  * @param {String} reportID
  */
-function clearEditTaskErrors(reportID) {
+function clearTaskErrors(reportID) {
+    const report = ReportUtils.getReport(reportID);
+
+    // Delete the task preview in the parent report
+    if (lodashGet(report, 'pendingFields.createChat') === CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD) {
+        Onyx.merge(`${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${report.parentReportID}`, {
+            [report.parentReportActionID]: null,
+        });
+
+        Report.navigateToConciergeChatAndDeleteReport(reportID);
+        return;
+    }
+
     Onyx.merge(`${ONYXKEYS.COLLECTION.REPORT}${reportID}`, {
         pendingFields: null,
         errorFields: null,
@@ -930,7 +951,7 @@ export {
     cancelTask,
     dismissModalAndClearOutTaskInfo,
     getTaskAssigneeAccountID,
-    clearEditTaskErrors,
+    clearTaskErrors,
     canModifyTask,
     getTaskReportActionMessage,
 };

src/types/onyx/ReportAction.ts

@@ -43,6 +43,9 @@ type Message = {
 
     moderationDecision?: Decision;
     translationKey?: string;
+
+    /** ID of a task report */
+    taskReportID?: string;
 };
 
 type Person = {