awx/awx/ui_next/src/screens/Setting/shared/LoggingTestAlert.jsx

import React from 'react';

import { t } from '@lingui/macro';
import { func, shape } from 'prop-types';
import {
  Alert,
  AlertActionCloseButton,
  AlertGroup,
} from '@patternfly/react-core';

function LoggingTestAlert({ successResponse, errorResponse, onClose }) {
  let testMessage = null;
  if (successResponse) {
    testMessage = t`Log aggregator test sent successfully.`;
  }

  let errorData = null;
  if (errorResponse) {
    testMessage = t`There was an error testing the log aggregator.`;
    if (
      errorResponse?.response?.statusText &&
      errorResponse?.response?.status
    ) {
      testMessage = t`${errorResponse.response.statusText}: ${errorResponse.response.status}`;
      errorData = t`${errorResponse.response?.data?.error}`;
    }
  }

  return (
    <AlertGroup isToast>
      {testMessage && (
        <Alert
          actionClose={<AlertActionCloseButton onClose={onClose} />}
          ouiaId="logging-test-alert"
          title={successResponse ? t`Success` : t`Error`}
          variant={successResponse ? 'success' : 'danger'}
        >
          <b id="test-message">{testMessage}</b>
          <p id="test-error">{errorData}</p>
        </Alert>
      )}
    </AlertGroup>
  );
}

LoggingTestAlert.propTypes = {
  successResponse: shape({}),
  errorResponse: shape({}),
  onClose: func,
};

LoggingTestAlert.defaultProps = {
  successResponse: null,
  errorResponse: null,
  onClose: () => {},
};

export default LoggingTestAlert;