pass requestParentReportAction and transaction from parent

Author: TMisiukiewicz

src/components/MoneyReportHeader.tsx

@@ -2313,8 +2313,9 @@ function MoneyReportHeader({reportID: reportIDProp, shouldDisplayBackButton = fa
                 onClose={() => setIsDownloadErrorModalVisible(false)}
             />
             <MoneyReportHeaderEducationalModals
+                requestParentReportAction={requestParentReportAction}
+                transaction={transaction}
                 reportID={moneyRequestReport?.reportID}
-                transactionThreadReportID={transactionThreadReportID}
                 isHoldEducationalVisible={isHoldEducationalModalVisible}
                 rejectModalAction={rejectModalAction}
                 onHoldEducationalDismissed={() => setIsHoldEducationalModalVisible(false)}

src/components/MoneyReportHeaderEducationalModals.tsx

@@ -1,12 +1,10 @@
 import {shouldFailAllRequestsSelector} from '@selectors/Network';
+import type {OnyxEntry} from 'react-native-onyx';
 import type {ValueOf} from 'type-fest';
 import useNetwork from '@hooks/useNetwork';
 import useOnyx from '@hooks/useOnyx';
-import usePaginatedReportActions from '@hooks/usePaginatedReportActions';
 import {setNameValuePair} from '@libs/actions/User';
-import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import Navigation from '@libs/Navigation/Navigation';
-import {getFilteredReportActionsForReportView, getOriginalMessage, isMoneyRequestAction} from '@libs/ReportActionsUtils';
 import {changeMoneyRequestHoldStatus, rejectMoneyRequestReason} from '@libs/ReportUtils';
 import {dismissRejectUseExplanation} from '@userActions/IOU';
 import CONST from '@src/CONST';
@@ -21,17 +19,19 @@ type RejectModalAction = ValueOf<
 >;
 
 type MoneyReportHeaderEducationalModalsProps = {
+    requestParentReportAction: OnyxTypes.ReportAction | null | undefined;
+    transaction: OnyxEntry<OnyxTypes.Transaction>;
     reportID: string | undefined;
-    transactionThreadReportID: string | undefined;
     isHoldEducationalVisible: boolean;
     rejectModalAction: RejectModalAction | null;
     onHoldEducationalDismissed: () => void;
     onRejectModalDismissed: () => void;
 };
 
 function MoneyReportHeaderEducationalModals({
+    requestParentReportAction,
+    transaction,
     reportID,
-    transactionThreadReportID,
     isHoldEducationalVisible,
     rejectModalAction,
     onHoldEducationalDismissed,
@@ -40,18 +40,6 @@ function MoneyReportHeaderEducationalModals({
     const {isOffline} = useNetwork();
     const [shouldFailAllRequests] = useOnyx(ONYXKEYS.NETWORK, {selector: shouldFailAllRequestsSelector});
 
-    const [transactionThreadReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${transactionThreadReportID}`);
-    const {reportActions: unfilteredReportActions} = usePaginatedReportActions(reportID);
-    const reportActions = getFilteredReportActionsForReportView(unfilteredReportActions);
-
-    const requestParentReportAction =
-        reportActions && transactionThreadReport?.parentReportActionID
-            ? reportActions.find((action): action is OnyxTypes.ReportAction<typeof CONST.REPORT.ACTIONS.TYPE.IOU> => action.reportActionID === transactionThreadReport.parentReportActionID)
-            : null;
-
-    const iouTransactionID = isMoneyRequestAction(requestParentReportAction) ? getOriginalMessage(requestParentReportAction)?.IOUTransactionID : undefined;
-    const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(iouTransactionID)}`);
-
     const dismissModalAndUpdateUseHold = () => {
         onHoldEducationalDismissed();
         setNameValuePair(ONYXKEYS.NVP_DISMISSED_HOLD_USE_EXPLANATION, true, false, !shouldFailAllRequests);