workflow-designer-ui/src/main/frontend/src/features/version/versionController/views/SvgButton.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 { SVGIcon } from 'onap-ui-react';
  18 import PropTypes from 'prop-types';
  19
  20 const SvgButton = props => {
  21     const {
  22         className = '',
  23         name,
  24         tooltipText,
  25         disabled,
  26         onClick,
  27         dataTestId,
  28         actiontype
  29     } = props;
  30     let onClickAction = disabled ? () => {} : () => onClick(actiontype);
  31     return (
  32         <div
  33             className={`action-button-wrapper ${
  34                 disabled ? 'disabled' : 'clickable'
  35             }`}
  36             onClick={onClickAction}>
  37             <div className="action-buttons-svg">
  38                 <SVGIcon
  39                     className={className}
  40                     label={tooltipText}
  41                     labelPosition="bottom"
  42                     labelClassName="action-button-label"
  43                     data-test-id={dataTestId}
  44                     name={name}
  45                     disabled={disabled}
  46                 />
  47             </div>
  48         </div>
  49     );
  50 };
  51
  52 SvgButton.propTypes = {
  53     name: PropTypes.string,
  54     tooltipText: PropTypes.string,
  55     disabled: PropTypes.bool,
  56     onClick: PropTypes.func,
  57     dataTestId: PropTypes.string,
  58     actiontype: PropTypes.string,
  59     className: PropTypes.string
  60 };
  61
  62 export default SvgButton;