Merge pull request Expensify#71639 from thelullabyy/fix/70394-per-diem-not-here-page-briefly-shown

Per Diem - Hmm... it's not here page briefly shown

Author: NikkiWines

src/pages/iou/request/step/IOURequestStepTime.tsx

@@ -5,6 +5,7 @@ import DatePicker from '@components/DatePicker';
 import FormProvider from '@components/Form/FormProvider';
 import InputWrapper from '@components/Form/InputWrapper';
 import type {FormOnyxValues} from '@components/Form/types';
+import FullScreenLoadingIndicator from '@components/FullscreenLoadingIndicator';
 import TimeModalPicker from '@components/TimeModalPicker';
 import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
@@ -31,6 +32,9 @@ type IOURequestStepTimeProps = WithWritableReportOrNotFoundProps<typeof SCREENS.
     /** Holds data related to Money Request view state, rather than the underlying Money Request data. */
     transaction: OnyxEntry<OnyxTypes.Transaction>;
 
+    /** Indicates whether the transaction data is loading */
+    isLoadingTransaction?: boolean;
+
     /** The report linked to the transaction */
     report: OnyxEntry<Report>;
 };
@@ -41,6 +45,7 @@ function IOURequestStepTime({
         name,
     },
     transaction,
+    isLoadingTransaction,
     report,
 }: IOURequestStepTimeProps) {
     const styles = useThemeStyles();
@@ -121,6 +126,10 @@ function IOURequestStepTime({
         [CONST.IOU.TYPE.CREATE]: translate('iou.createExpense'),
     };
 
+    if (isLoadingTransaction) {
+        return <FullScreenLoadingIndicator style={[styles.flex1, styles.pRelative]} />;
+    }
+
     return (
         <StepScreenWrapper
             headerTitle={backTo ? translate('iou.time') : tabTitles[iouType]}