From c133db8e73151501fd724383c523cd8c013993f7 Mon Sep 17 00:00:00 2001
From: cdOut <88325488+cdOut@users.noreply.github.com>
Date: Wed, 18 Oct 2023 16:00:17 +0200
Subject: [PATCH] Use FormProvider in NewContactMethodPage

---
 .../settings/Profile/Contacts/NewContactMethodPage.js  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/settings/Profile/Contacts/NewContactMethodPage.js b/src/pages/settings/Profile/Contacts/NewContactMethodPage.js
index 480c425a9094..e6f55b7cd6cb 100644
--- a/src/pages/settings/Profile/Contacts/NewContactMethodPage.js
+++ b/src/pages/settings/Profile/Contacts/NewContactMethodPage.js
@@ -18,8 +18,9 @@ import styles from '../../../../styles/styles';
 import * as User from '../../../../libs/actions/User';
 import * as LoginUtils from '../../../../libs/LoginUtils';
 import * as ErrorUtils from '../../../../libs/ErrorUtils';
-import Form from '../../../../components/Form';
 import CONST from '../../../../CONST';
+import FormProvider from '../../../../components/Form/FormProvider';
+import InputWrapper from '../../../../components/Form/InputWrapper';
 
 const propTypes = {
     /* Onyx Props */
@@ -104,7 +105,7 @@ function NewContactMethodPage(props) {
                 title={props.translate('contacts.newContactMethod')}
                 onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_CONTACT_METHODS)}
             />
-            <Form
+            <FormProvider
                 formID={ONYXKEYS.FORMS.NEW_CONTACT_METHOD_FORM}
                 validate={validate}
                 onSubmit={addNewContactMethod}
@@ -114,7 +115,8 @@ function NewContactMethodPage(props) {
             >
                 <Text style={[styles.mb5]}>{props.translate('common.pleaseEnterEmailOrPhoneNumber')}</Text>
                 <View style={[styles.mb6]}>
-                    <TextInput
+                    <InputWrapper
+                        InputComponent={TextInput}
                         label={`${props.translate('common.email')}/${props.translate('common.phoneNumber')}`}
                         accessibilityLabel={`${props.translate('common.email')}/${props.translate('common.phoneNumber')}`}
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
@@ -126,7 +128,7 @@ function NewContactMethodPage(props) {
                         maxLength={CONST.LOGIN_CHARACTER_LIMIT}
                     />
                 </View>
-            </Form>
+            </FormProvider>
         </ScreenWrapper>
     );
 }