From 4b766c09d5e3da1e6d90026f4993668bf67aff6f Mon Sep 17 00:00:00 2001
From: js029 <75493971+js029@users.noreply.github.com>
Date: Wed, 18 Oct 2023 14:28:10 +0200
Subject: [PATCH] [MM 24831] Convert LocalizedInput of 'email_to_oauth.tsx' to
 regular input component (#24973)

---
 .../src/components/claim/components/email_to_oauth.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/webapp/channels/src/components/claim/components/email_to_oauth.tsx b/webapp/channels/src/components/claim/components/email_to_oauth.tsx
index d98dcb7b87..95c99e1731 100644
--- a/webapp/channels/src/components/claim/components/email_to_oauth.tsx
+++ b/webapp/channels/src/components/claim/components/email_to_oauth.tsx
@@ -3,13 +3,12 @@
 
 import classNames from 'classnames';
 import React, {useState, useRef} from 'react';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, useIntl} from 'react-intl';
 
 import type {AuthChangeResponse} from '@mattermost/types/users';
 
 import {emailToOAuth} from 'actions/admin_actions.jsx';
 
-import LocalizedInput from 'components/localized_input/localized_input';
 import LoginMfa from 'components/login/login_mfa';
 
 import Constants, {ClaimErrors} from 'utils/constants';
@@ -26,6 +25,8 @@ type Props = {
 }
 
 const EmailToOAuth = (props: Props) => {
+    const {formatMessage} = useIntl();
+
     const [showMfa, setShowMfa] = useState(false);
     const [password, setPassword] = useState('');
     const [serverError, setServerError] = useState<string>('');
@@ -75,7 +76,6 @@ const EmailToOAuth = (props: Props) => {
         id: t('claim.email_to_oauth.title'),
         defaultMessage: 'Switch Email/Password Account to {uiType}',
     };
-    const placeholderPasswordMessage = {id: t('claim.email_to_oauth.pwd'), defaultMessage: 'Password'};
 
     if (showMfa) {
         return (
@@ -119,12 +119,12 @@ const EmailToOAuth = (props: Props) => {
                     />
                 </p>
                 <div className={classNames('form-group', {'has-error': serverError})}>
-                    <LocalizedInput
+                    <input
                         type='password'
                         className='form-control'
                         name='password'
                         ref={passwordInput}
-                        placeholder={placeholderPasswordMessage}
+                        placeholder={formatMessage({id: 'claim.email_to_oauth.pwd', defaultMessage: 'Password'})}
                         spellCheck='false'
                     />
                 </div>