Contents

/* Credits: https://github.com/Katello/katello/blob/631d5bb83dc5d87320ee9002a6de33809a281b3e/webpack/components/EditableTextInput/PencilEditButton.js */
import React from 'react';
import PropTypes from 'prop-types';
import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
import { translate as __ } from 'foremanReact/common/I18n';
import { PencilAltIcon } from '@patternfly/react-icons';

const PencilEditButton = ({ attribute, onEditClick }) => (
  <Tooltip position={TooltipPosition.top} content={__('Edit')}>
    <Button
      className="foreman-edit-icon"
      ouiaId={`edit-button-${attribute}`}
      aria-label={`edit ${attribute}`}
      variant="plain"
      onClick={onEditClick}
    >
      <PencilAltIcon />
    </Button>
  </Tooltip>
);

export default PencilEditButton;

PencilEditButton.propTypes = {
  attribute: PropTypes.string.isRequired,
  onEditClick: PropTypes.func.isRequired,
};

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
foreman_resource_quota-0.3.1	webpack/lib/EditableTextInput/PencilEditButton.js
foreman_resource_quota-0.3.0	webpack/lib/EditableTextInput/PencilEditButton.js
foreman_resource_quota-0.2.0	webpack/lib/EditableTextInput/PencilEditButton.js
foreman_resource_quota-0.1.0	webpack/lib/EditableTextInput/PencilEditButton.js