Merge pull request #30061 from software-mansion-labs/form-migration/N…

…ewTaskDescriptionPage

[Form Provider Refactor] NewTaskDescriptionPage

src/pages/tasks/NewTaskDescriptionPage.js

@@ -2,7 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
-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';
@@ -63,15 +64,16 @@ function NewTaskDescriptionPage(props) {
                     onCloseButtonPress={() => Task.dismissModalAndClearOutTaskInfo()}
                     onBackButtonPress={() => Navigation.goBack(ROUTES.NEW_TASK)}
                 />
-                <Form
+                <FormProvider
                     formID={ONYXKEYS.FORMS.NEW_TASK_FORM}
                     submitButtonText={props.translate('common.next')}
                     style={[styles.mh5, styles.flexGrow1]}
                     onSubmit={(values) => onSubmit(values)}
                     enabledWhenOffline
                 >
                     <View style={styles.mb5}>
-                        <TextInput
+                        <InputWrapperWithRef
+                            InputComponent={TextInput}
                             defaultValue={props.task.description}
                             inputID="taskDescription"
                             label={props.translate('newTaskPage.descriptionOptional')}
@@ -87,7 +89,7 @@ function NewTaskDescriptionPage(props) {
                             textAlignVertical="top"
                         />
                     </View>
-                </Form>
+                </FormProvider>
             </>
         </ScreenWrapper>
     );