Merge pull request #30419 from software-mansion-labs/form-migration/M…

…oneyRequestDescriptionPage [Form Provider Refactor] MoneyRequestDescriptionPage
Expensify · Oct 30, 2023 · 591ec44 · 591ec44
2 parents 7d84cbf + dba6fbb
commit 591ec44
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/pages/iou/MoneyRequestDescriptionPage.js b/src/pages/iou/MoneyRequestDescriptionPage.js
@@ -5,17 +5,18 @@ import React, {useCallback, useEffect, useRef} from 'react';
 import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
-import Form from '@components/Form';
+import FormProvider from '@components/Form/FormProvider';
+import InputWrapperWithRef from '@components/Form/InputWrapper';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import ScreenWrapper from '@components/ScreenWrapper';
 import TextInput from '@components/TextInput';
 import useLocalize from '@hooks/useLocalize';
+import * as IOU from '@libs/actions/IOU';
 import * as Browser from '@libs/Browser';
 import * as MoneyRequestUtils from '@libs/MoneyRequestUtils';
 import Navigation from '@libs/Navigation/Navigation';
 import updateMultilineInputRange from '@libs/UpdateMultilineInputRange';
 import styles from '@styles/styles';
-import * as IOU from '@userActions/IOU';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
@@ -115,15 +116,16 @@ function MoneyRequestDescriptionPage({iou, route, selectedTab}) {
                     title={translate('common.description')}
                     onBackButtonPress={() => navigateBack()}
                 />
-                <Form
+                <FormProvider
                     style={[styles.flexGrow1, styles.ph5]}
                     formID={ONYXKEYS.FORMS.MONEY_REQUEST_DESCRIPTION_FORM}
                     onSubmit={(value) => updateComment(value)}
                     submitButtonText={translate('common.save')}
                     enabledWhenOffline
                 >
                     <View style={styles.mb4}>
-                        <TextInput
+                        <InputWrapperWithRef
+                            InputComponent={TextInput}
                             inputID="moneyRequestComment"
                             name="moneyRequestComment"
                             defaultValue={iou.comment}
@@ -143,7 +145,7 @@ function MoneyRequestDescriptionPage({iou, route, selectedTab}) {
                             submitOnEnter={!Browser.isMobile()}
                         />
                     </View>
-                </Form>
+                </FormProvider>
             </>
         </ScreenWrapper>
     );