<commit_before>import PropTypes from "prop-types";
import React from "react";
import { Modal } from "reactjs-components";
import ModalHeading from "#SRC/js/components/modals/ModalHeading";

const DisabledGroupDestroyModal = props => {
  const modalFooter = (
    <div className="text-align-center">
      <button className="button button-medium" onClick={props.onClose}>
        OK
      </button>
    </div>
  );

  const modalHeading = (
    <ModalHeading className="text-danger">
      Delete Group
    </ModalHeading>
  );

  return (
    <Modal
      modalClass="modal"
      footer={modalFooter}
      header={modalHeading}
      onClose={props.onClose}
      open={props.isOpen}
      showFooter={true}
      showHeader={true}
    >
      <div>
        This group needs to be empty to delete it. Please delete any services in the group first.
      </div>
    </Modal>
  );
};

DisabledGroupDestroyModal.defaultProps = {
  isOpen: false
};

DisabledGroupDestroyModal.propTypes = {
  onClose: PropTypes.func.isRequired,
  isOpen: PropTypes.bool.isRequired
};

export default DisabledGroupDestroyModal;<commit_msg>refactor(deletegroupmodal): fix width and button style<commit_after>import PropTypes from "prop-types";
import React from "react";
import { Modal } from "reactjs-components";
import ModalHeading from "#SRC/js/components/modals/ModalHeading";

const DisabledGroupDestroyModal = props => {
  const modalFooter = (
    <div className="text-align-center">
      <button className="button button-primary-link" onClick={props.onClose}>
        OK
      </button>
    </div>
  );

  const modalHeading = (
    <ModalHeading className="text-danger">
      Delete Group
    </ModalHeading>
  );

  return (
    <Modal
      modalClass="modal modal-small"
      footer={modalFooter}
      header={modalHeading}
      onClose={props.onClose}
      open={props.isOpen}
      showFooter={true}
      showHeader={true}
    >
      <div>
        This group needs to be empty to delete it. Please delete any services in the group first.
      </div>
    </Modal>
  );
};

DisabledGroupDestroyModal.defaultProps = {
  isOpen: false
};

DisabledGroupDestroyModal.propTypes = {
  onClose: PropTypes.func.isRequired,
  isOpen: PropTypes.bool.isRequired
};

export default DisabledGroupDestroyModal;
{'fraction_non_alphanumeric': 0.11275576839355682, 'fraction_numerical': 0.0, 'mean_word_length': 3.2953271028037383, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3873731', 'n_tokens_mistral': 687, 'n_tokens_neox': 683, 'n_words': 159}