workflow-designer-ui/src/main/frontend/src/shared/components/Description/index.js

   1 /*
   2 * Copyright © 2018 European Support Limited
   3 *
   4 * Licensed under the Apache License, Version 2.0 (the "License");
   5 * you may not use this file except in compliance with the License.
   6 * You may obtain a copy of the License at
   7 *
   8 *      http://www.apache.org/licenses/LICENSE-2.0
   9 *
  10 * Unless required by applicable law or agreed to in writing, software
  11 * distributed under the License is distributed on an "AS IS" BASIS,
  12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 * See the License for the specific language governing permissions and
  14 * limitations under the License.
  15 */
  16 import React from 'react';
  17 import PropTypes from 'prop-types';
  18 import { I18n } from 'react-redux-i18n';
  19
  20 const Description = ({ description, onDataChange, dataTestId }) => (
  21     <div className="description-part">
  22         <div className="sdc-input">
  23             <div className="sdc-input__label">
  24                 {I18n.t('workflow.general.description')}
  25             </div>
  26             <textarea
  27                 value={description || ''}
  28                 data-test-id={dataTestId || 'description'}
  29                 onChange={event => {
  30                     onDataChange({ description: event.target.value });
  31                 }}
  32                 className="custom-textarea field-section sdc-input__input"
  33             />
  34         </div>
  35     </div>
  36 );
  37
  38 Description.propTypes = {
  39     description: PropTypes.string,
  40     onDataChange: PropTypes.func,
  41     dataTestId: PropTypes.string
  42 };
  43
  44 export default Description;