IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

[MM-54836] Convert LocalizedInput of 'compliance_reports.tsx' to regular input component (#25014)

Browse Source
This commit is contained in:
Akbar Abdrakhmanov 2023-10-23 14:08:53 +06:00 committed by GitHub
parent df727947d1
commit fe6131caed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
View File

@ -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);