From fe6131caedce0931215cec7c40b7cb3994bc28ee Mon Sep 17 00:00:00 2001
From: Akbar Abdrakhmanov <kz.akbar@gmail.com>
Date: Mon, 23 Oct 2023 14:08:53 +0600
Subject: [PATCH] [MM-54836] Convert LocalizedInput of 'compliance_reports.tsx'
 to regular input component (#25014)

---
 .../compliance_reports/compliance_reports.tsx | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx b/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
index bb889f1bd72..84e768c9291 100644
--- a/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
+++ b/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
@@ -2,7 +2,7 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-import {FormattedDate, FormattedMessage, FormattedTime} from 'react-intl';
+import {FormattedDate, FormattedMessage, FormattedTime, type IntlShape, injectIntl} from 'react-intl';
 
 import type {Compliance} from '@mattermost/types/compliance';
 import type {UserProfile} from '@mattermost/types/users';
@@ -10,11 +10,8 @@ import type {UserProfile} from '@mattermost/types/users';
 import {Client4} from 'mattermost-redux/client';
 
 import LoadingScreen from 'components/loading_screen';
-import LocalizedInput from 'components/localized_input/localized_input';
 import ReloadIcon from 'components/widgets/icons/fa_reload_icon';
 
-import {t} from 'utils/i18n';
-
 type Props = {
 
     /*
@@ -40,6 +37,8 @@ type Props = {
 
     readOnly?: boolean;
 
+    intl: IntlShape;
+
     actions: {
 
         /*
@@ -59,7 +58,7 @@ type State = {
     runningReport?: boolean;
 }
 
-export default class ComplianceReports extends React.PureComponent<Props, State> {
+class ComplianceReports extends React.PureComponent<Props, State> {
     private descInput: React.RefObject<HTMLInputElement>;
     private emailsInput: React.RefObject<HTMLInputElement>;
     private fromInput: React.RefObject<HTMLInputElement>;
@@ -345,12 +344,12 @@ export default class ComplianceReports extends React.PureComponent<Props, State>
                                 defaultMessage='Job Name:'
                             />
                         </label>
-                        <LocalizedInput
+                        <input
                             type='text'
                             className='form-control'
                             id='desc'
                             ref={this.descInput}
-                            placeholder={{id: t('admin.compliance_reports.desc_placeholder'), defaultMessage: 'E.g. "Audit 445 for HR"'}}
+                            placeholder={this.props.intl.formatMessage({id: 'admin.compliance_reports.desc_placeholder', defaultMessage: 'E.g. "Audit 445 for HR"'})}
                             disabled={this.props.readOnly}
                         />
                     </div>
@@ -361,12 +360,12 @@ export default class ComplianceReports extends React.PureComponent<Props, State>
                                 defaultMessage='From:'
                             />
                         </label>
-                        <LocalizedInput
+                        <input
                             type='text'
                             className='form-control'
                             id='from'
                             ref={this.fromInput}
-                            placeholder={{id: t('admin.compliance_reports.from_placeholder'), defaultMessage: 'E.g. "2016-03-11"'}}
+                            placeholder={this.props.intl.formatMessage({id: 'admin.compliance_reports.from_placeholder', defaultMessage: 'E.g. "2016-03-11"'})}
                             disabled={this.props.readOnly}
                         />
                     </div>
@@ -377,12 +376,12 @@ export default class ComplianceReports extends React.PureComponent<Props, State>
                                 defaultMessage='To:'
                             />
                         </label>
-                        <LocalizedInput
+                        <input
                             type='text'
                             className='form-control'
                             id='to'
                             ref={this.toInput}
-                            placeholder={{id: t('admin.compliance_reports.to_placeholder'), defaultMessage: 'E.g. "2016-03-15"'}}
+                            placeholder={this.props.intl.formatMessage({id: 'admin.compliance_reports.to_placeholder', defaultMessage: 'E.g. "2016-03-15"'})}
                             disabled={this.props.readOnly}
                         />
                     </div>
@@ -395,12 +394,12 @@ export default class ComplianceReports extends React.PureComponent<Props, State>
                                 defaultMessage='Emails:'
                             />
                         </label>
-                        <LocalizedInput
+                        <input
                             type='text'
                             className='form-control'
                             id='emails'
                             ref={this.emailsInput}
-                            placeholder={{id: t('admin.compliance_reports.emails_placeholder'), defaultMessage: 'E.g. "bill@example.com, bob@example.com"'}}
+                            placeholder={this.props.intl.formatMessage({id: 'admin.compliance_reports.emails_placeholder', defaultMessage: 'E.g. "bill@example.com, bob@example.com"'})}
                             disabled={this.props.readOnly}
                         />
                     </div>
@@ -411,12 +410,12 @@ export default class ComplianceReports extends React.PureComponent<Props, State>
                                 defaultMessage='Keywords:'
                             />
                         </label>
-                        <LocalizedInput
+                        <input
                             type='text'
                             className='form-control'
                             id='keywords'
                             ref={this.keywordsInput}
-                            placeholder={{id: t('admin.compliance_reports.keywords_placeholder'), defaultMessage: 'E.g. "shorting stock"'}}
+                            placeholder={this.props.intl.formatMessage({id: 'admin.compliance_reports.keywords_placeholder', defaultMessage: 'E.g. "shorting stock"'})}
                             disabled={this.props.readOnly}
                         />
                     </div>
@@ -466,3 +465,5 @@ const style: Record<string, React.CSSProperties> = {
     date: {whiteSpace: 'nowrap'},
     serverError: {marginTop: '10px'},
 };
+
+export default injectIntl(ComplianceReports);