ref(feedback) Use new Input component (#12265)

Remove @atlaskit/field-text-area dep
This commit is contained in:
Robert Pintilii
2022-09-29 12:40:16 +03:00
committed by GitHub
parent 95a3a8de0b
commit 0d917df1fb
3 changed files with 6 additions and 35 deletions

View File

@@ -1,6 +1,5 @@
// @flow
import { FieldTextAreaStateless } from '@atlaskit/field-text-area';
import StarIcon from '@atlaskit/icon/glyph/star';
import StarFilledIcon from '@atlaskit/icon/glyph/star-filled';
import React, { Component } from 'react';
@@ -14,6 +13,7 @@ import { Dialog } from '../../base/dialog';
import { isMobileBrowser } from '../../base/environment/utils';
import { translate } from '../../base/i18n';
import { connect } from '../../base/redux';
import Input from '../../base/ui/components/web/Input';
import { cancelFeedback, submitFeedback } from '../actions';
declare var APP: Object;
@@ -271,13 +271,12 @@ class FeedbackDialog extends Component<Props, State> {
</div>
</div>
<div className = 'details'>
<FieldTextAreaStateless
<Input
autoFocus = { true }
className = 'input-control'
id = 'feedbackTextArea'
label = { t('feedback.detailsLabel') }
onChange = { this._onMessageChange }
shouldFitContainer = { true }
textarea = { true }
value = { message } />
</div>
</div>
@@ -309,13 +308,13 @@ class FeedbackDialog extends Component<Props, State> {
/**
* Updates the known entered feedback message.
*
* @param {Object} event - The DOM event from updating the textfield for the
* @param {string} newValue - The new value from updating the textfield for the
* feedback message.
* @private
* @returns {void}
*/
_onMessageChange(event) {
this.setState({ message: event.target.value });
_onMessageChange(newValue) {
this.setState({ message: newValue });
}
/**