workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButtonsPanel.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 CompositionButton from './CompositionButton';
  19
  20 const Divider = () => <div className="divider" />;
  21
  22 const CompositionButtons = ({ onClean, onUpload, onDownload, isReadOnly }) => (
  23     <div className="composition-buttons">
  24         <CompositionButton
  25             disabled={isReadOnly}
  26             data-test-id="composition-clear-btn"
  27             onClick={onClean}
  28             name="trashO"
  29             title="clear"
  30         />
  31
  32         <Divider />
  33         <CompositionButton
  34             data-test-id="composition-download-btn"
  35             onClick={onDownload}
  36             name="download"
  37             title="download"
  38         />
  39         <Divider />
  40         <CompositionButton
  41             disabled={isReadOnly}
  42             data-test-id="composition-download-upload"
  43             onClick={onUpload}
  44             name="upload"
  45             title="upload"
  46         />
  47     </div>
  48 );
  49
  50 CompositionButtons.propTypes = {
  51     onClean: PropTypes.func,
  52     onUpload: PropTypes.func,
  53     onDownload: PropTypes.func,
  54     isReadOnly: PropTypes.bool
  55 };
  56 export default CompositionButtons;