workflow-designer-ui/src/main/frontend/src/features/version/general/GeneralView.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
  17 import React from 'react';
  18 import PropTypes from 'prop-types';
  19 import { I18n, Translate } from 'react-redux-i18n';
  20
  21 import Description from 'shared/components/Description';
  22 import { VersionInfo, LabeledValue } from 'shared/components/VersionInfo';
  23
  24 const GeneralView = ({ onDataChange, description, created, modified }) => {
  25     const modifiedValue = I18n.l(modified, { dateFormat: 'date.short' });
  26     const createdValue = I18n.l(created, { dateFormat: 'date.short' });
  27
  28     return (
  29         <div className="general-page">
  30             <div className="general-page-title">
  31                 <Translate value="workflow.general.headerTitle" />
  32             </div>
  33             <div className="general-page-content">
  34                 <Description
  35                     description={description}
  36                     onDataChange={onDataChange}
  37                 />
  38                 <VersionInfo>
  39                     <LabeledValue
  40                         title={I18n.t('workflow.general.modified')}
  41                         value={modifiedValue}
  42                     />
  43                     <LabeledValue
  44                         title={I18n.t('workflow.general.created')}
  45                         value={createdValue}
  46                     />
  47                 </VersionInfo>
  48             </div>
  49         </div>
  50     );
  51 };
  52
  53 GeneralView.propTypes = {
  54     onDataChange: PropTypes.func,
  55     description: PropTypes.string,
  56     created: PropTypes.string,
  57     modified: PropTypes.string
  58 };
  59
  60 export default GeneralView;