gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   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 { I18n } from 'react-redux-i18n';
  18 import { Button } from 'sdc-ui/lib/react';
  19 import PropTypes from 'prop-types';
  20 import SvgButton from 'features/version/versionController/views/SvgButton';
  21
  22 const Separator = () => <div className="vc-separator" />;
  23
  24 const ActionButtons = props => {
  25     const { onSaveClick, certifyDisabled, onCertifyClick, onUndoClick } = props;
  26     return (
  27         <div className="save-submit-cancel-container">
  28             <div className="action-buttons">
  29                 <div className="select-action-buttons">
  30                     <Separator />
  31                     <SvgButton
  32                         dataTestId="vc-save-btn"
  33                         name="version-controller-save"
  34                         tooltipText={I18n.t('buttons.saveBtn')}
  35                         disabled={false}
  36                         onClick={onSaveClick}
  37                     />
  38                     <Separator />
  39                     <SvgButton
  40                         dataTestId="vc-undo-btn"
  41                         name="version-controller-undo"
  42                         tooltipText={I18n.t('buttons.undoBtn')}
  43                         disabled={false}
  44                         onClick={onUndoClick}
  45                     />
  46                     <Separator />
  47                     <Button
  48                         className="certifyBtn"
  49                         btnType="primary"
  50                         disabled={certifyDisabled}
  51                         onClick={onCertifyClick}>
  52                         {I18n.t('buttons.certifyBtn')}
  53                     </Button>
  54                 </div>
  55             </div>
  56         </div>
  57     );
  58 };
  59
  60 ActionButtons.propTypes = {
  61     onSaveClick: PropTypes.func,
  62     certifyDisabled: PropTypes.bool,
  63     onCertifyClick: PropTypes.func,
  64     onUndoClick: PropTypes.func
  65 };
  66
  67 export default ActionButtons;