Merge pull request #30382 from software-mansion-labs/form-migration/E…

…ditRequestDescriptionPage [Form Provider Refactor] EditRequestDescriptionPage
Expensify · Oct 30, 2023 · 2f4d50d · 2f4d50d
2 parents 052fd0b + a027e64
commit 2f4d50d
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/pages/EditRequestDescriptionPage.js b/src/pages/EditRequestDescriptionPage.js
@@ -2,7 +2,8 @@ import {useFocusEffect} from '@react-navigation/native';
 import PropTypes from 'prop-types';
 import React, {useCallback, useRef} from 'react';
 import {View} from 'react-native';
-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';
@@ -49,16 +50,17 @@ function EditRequestDescriptionPage({defaultDescription, onSubmit}) {
             testID={EditRequestDescriptionPage.displayName}
         >
             <HeaderWithBackButton title={translate('common.description')} />
-            <Form
+            <FormProvider
                 style={[styles.flexGrow1, styles.ph5]}
                 formID={ONYXKEYS.FORMS.MONEY_REQUEST_DESCRIPTION_FORM}
                 onSubmit={onSubmit}
                 submitButtonText={translate('common.save')}
                 enabledWhenOffline
             >
                 <View style={styles.mb4}>
-                    <TextInput
+                    <InputWrapperWithRef
                         // Comment field does not have its modified counterpart
+                        InputComponent={TextInput}
                         inputID="comment"
                         name="comment"
                         defaultValue={defaultDescription}
@@ -78,7 +80,7 @@ function EditRequestDescriptionPage({defaultDescription, onSubmit}) {
                         submitOnEnter={!Browser.isMobile()}
                     />
                 </View>
-            </Form>
+            </FormProvider>
         </ScreenWrapper>
     );
 }