Merge branch 'main' into fix/44336-inconsistency-behavior-when-delete…

…-expense
Expensify · jasperhuangg · Jul 15, 2024 · Jul 3, 2024 · Jul 3, 2024 · Jul 3, 2024
commit 8bc9c1d12fefb0ad7af32e963c48f0f06e70e379
@@ -603,6  603,47 @@ function ReportDetailsPage({policies, report, session, personalDetails}: ReportD
         </OfflineWithFeedback>
     );
 
     const titleField = useMemo<OnyxTypes.PolicyReportField | undefined>((): OnyxTypes.PolicyReportField | undefined => {
         const fields = ReportUtils.getAvailableReportFields(report, Object.values(policy?.fieldList ?? {}));
         return fields.find((reportField) => ReportUtils.isReportFieldOfTypeTitle(reportField));
     }, [report, policy?.fieldList]);
     const fieldKey = ReportUtils.getReportFieldKey(titleField?.fieldID ?? '-1');
     const isFieldDisabled = ReportUtils.isReportFieldDisabled(report, titleField, policy);
 
     const shouldShowTitleField = caseID !== CASES.MONEY_REQUEST && !isFieldDisabled && ReportUtils.isAdminOwnerApproverOrReportOwner(report, policy);
 
     const nameSectionFurtherDetailsContent = (
         <ParentNavigationSubtitle
             parentNavigationSubtitleData={parentNavigationSubtitleData}
             parentReportID={report?.parentReportID}
             parentReportActionID={report?.parentReportActionID}
             pressableStyles={[styles.mt1, styles.mw100]}
         />
     );
 
     const nameSectionTitleField = titleField && (
         <OfflineWithFeedback
             pendingAction={report.pendingFields?.[fieldKey]}
             errors={report.errorFields?.[fieldKey]}
             errorRowStyles={styles.ph5}
             key={`menuItem-${fieldKey}`}
             onClose={() => Report.clearReportFieldErrors(report.reportID, titleField)}
         >
             <View style={[styles.flex1]}>
                 <MenuItemWithTopDescription
                     shouldShowRightIcon={!isFieldDisabled}
                     interactive={!isFieldDisabled}
                     title={reportName}
                     titleStyle={styles.newKansasLarge}
                     shouldCheckActionAllowedOnPress={false}
                     description={Str.UCFirst(titleField.name)}
                     onPress={() => Navigation.navigate(ROUTES.EDIT_REPORT_FIELD_REQUEST.getRoute(report.reportID, report.policyID ?? '-1', titleField.fieldID ?? '-1'))}
                     furtherDetailsComponent={nameSectionFurtherDetailsContent}
                 />
             </View>
         </OfflineWithFeedback>
     );
 
     const isTransactionDeleted = useRef<boolean>(false);
     const navigateBackToAfterDelete = useRef<Route>();