From 425ecb5b4ecd4f6506f734982e5f67eb28994f85 Mon Sep 17 00:00:00 2001
From: cdOut <88325488+cdOut@users.noreply.github.com>
Date: Thu, 19 Oct 2023 11:36:49 +0200
Subject: [PATCH] Use FormProvider in StatusSetPage

---
 .../settings/Profile/CustomStatus/StatusSetPage.js  | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/settings/Profile/CustomStatus/StatusSetPage.js b/src/pages/settings/Profile/CustomStatus/StatusSetPage.js
index 189ec3e5f2f3..ac04c3ee5d4f 100644
--- a/src/pages/settings/Profile/CustomStatus/StatusSetPage.js
+++ b/src/pages/settings/Profile/CustomStatus/StatusSetPage.js
@@ -3,7 +3,6 @@ import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
 import {withOnyx} from 'react-native-onyx';
-import Form from '../../../../components/Form';
 import HeaderWithBackButton from '../../../../components/HeaderWithBackButton';
 import ROUTES from '../../../../ROUTES';
 import ScreenWrapper from '../../../../components/ScreenWrapper';
@@ -17,6 +16,8 @@ import ONYXKEYS from '../../../../ONYXKEYS';
 import * as User from '../../../../libs/actions/User';
 import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsPropTypes} from '../../../../components/withCurrentUserPersonalDetails';
 import TextInput from '../../../../components/TextInput';
+import FormProvider from '../../../../components/Form/FormProvider';
+import InputWrapper from '../../../../components/Form/InputWrapper';
 
 const propTypes = {
     /** The draft status of the user */
@@ -52,7 +53,7 @@ function StatusSetPage({draftStatus, currentUserPersonalDetails}) {
                 title={translate('statusPage.status')}
                 onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_STATUS)}
             />
-            <Form
+            <FormProvider
                 formID={ONYXKEYS.FORMS.SETTINGS_STATUS_SET_FORM}
                 style={[styles.flexGrow1, styles.ph5]}
                 submitButtonText={translate('statusPage.save')}
@@ -62,13 +63,15 @@ function StatusSetPage({draftStatus, currentUserPersonalDetails}) {
                 <View>
                     <View style={[styles.mb4]}>
                         <View style={[styles.mt1]}>
-                            <EmojiPickerButtonDropdown
+                            <InputWrapper
+                                InputComponent={EmojiPickerButtonDropdown}
                                 inputID={INPUT_IDS.EMOJI_CODE}
                                 accessibilityLabel={INPUT_IDS.EMOJI_CODE}
                                 defaultValue={defaultEmoji}
                             />
                         </View>
-                        <TextInput
+                        <InputWrapper
+                            InputComponent={TextInput}
                             inputID={INPUT_IDS.STATUS_TEXT}
                             label={translate('statusPage.message')}
                             accessibilityLabel={INPUT_IDS.STATUS_TEXT}
@@ -80,7 +83,7 @@ function StatusSetPage({draftStatus, currentUserPersonalDetails}) {
                         />
                     </View>
                 </View>
-            </Form>
+            </FormProvider>
         </ScreenWrapper>
     );
 }