[MM-54841] Convert LocalizedInput of 'oauth_to_email.tsx' to regular input component (#24852)

webapp/channels/src/components/claim/components/oauth_to_email.tsx

@@ -3,16 +3,13 @@
 
 import classNames from 'classnames';
 import React, {useRef, useState} from 'react';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, useIntl} from 'react-intl';
 
 import type {AuthChangeResponse} from '@mattermost/types/users';
 
 import {oauthToEmail} from 'actions/admin_actions.jsx';
 
-import LocalizedInput from 'components/localized_input/localized_input';
-
 import Constants from 'utils/constants';
-import {t} from 'utils/i18n';
 import {isValidPassword, localizeMessage, toTitleCase} from 'utils/utils';
 import type {getPasswordConfig} from 'utils/utils';
 
@@ -26,6 +23,7 @@ type Props = {
 }
 
 const OAuthToEmail = (props: Props) => {
+    const intl = useIntl();
     const passwordInput = useRef<HTMLInputElement>(null);
     const passwordConfirmInput = useRef<HTMLInputElement>(null);
 
@@ -72,8 +70,6 @@ const OAuthToEmail = (props: Props) => {
     };
 
     const uiType = `${(props.currentType === Constants.SAML_SERVICE ? Constants.SAML_SERVICE.toUpperCase() : toTitleCase(props.currentType || ''))} SSO`;
-    const placeholderPasswordMessage = {id: t('claim.oauth_to_email.newPwd'), defaultMessage: 'New Password'};
-    const placeholderConfirmMessage = {id: t('claim.oauth_to_email.confirm'), defaultMessage: 'Confirm Password'};
 
     return (
         <>
@@ -99,22 +95,28 @@ const OAuthToEmail = (props: Props) => {
                     />
                 </p>
                 <div className={classNames('form-group', {'has-error': error})}>
-                    <LocalizedInput
+                    <input
                         type='password'
                         className='form-control'
                         name='password'
                         ref={passwordInput}
-                        placeholder={placeholderPasswordMessage}
+                        placeholder={intl.formatMessage({
+                            id: 'claim.oauth_to_email.newPwd',
+                            defaultMessage: 'New Password',
+                        })}
                         spellCheck='false'
                     />
                 </div>
                 <div className={classNames('form-group', {'has-error': error})}>
-                    <LocalizedInput
+                    <input
                         type='password'
                         className='form-control'
                         name='passwordconfirm'
                         ref={passwordConfirmInput}
-                        placeholder={placeholderConfirmMessage}
+                        placeholder={intl.formatMessage({
+                            id: 'claim.oauth_to_email.confirm',
+                            defaultMessage: 'Confirm Password',
+                        })}
                         spellCheck='false'
                     />
                 </div>