Contents

import React from 'react';
import { IntlProvider } from 'react-intl';
import PropTypes from 'prop-types';
import { translate as __ } from 'foremanReact/common/I18n';
import { Button, Icon } from 'patternfly-react';
import { INSIGHTS_SYNC_PAGE_TITLE } from './InsightsCloudSyncConstants';

const InsightsCloudSync = ({ data: { settingsUrl }, syncInsights }) => {
  document.title = INSIGHTS_SYNC_PAGE_TITLE;
  return (
    <IntlProvider locale={navigator.language}>
      <div className="insights-cloud-sync">
        <h1>{__('Red Hat Insights Sync')}</h1>
        <p>
          {__(`Insights synchronization process is used to provide Insights
           recommendations output for hosts managed here`)}
        </p>
        <p>
          {__(`1. Obtain an RHSM API token: `)}
          <a
            href="https://access.redhat.com/management/api"
            target="_blank"
            rel="noopener noreferrer"
          >
            access.redhat.com <Icon name="external-link" />
          </a>
          <br />
          {__("2. Copy the token to 'Red Hat Cloud token' setting: ")}
          <a href={settingsUrl} target="_blank" rel="noopener noreferrer">
            {__('Red Hat Cloud token ')}
            <Icon name="external-link" />
          </a>
          <br />
          {__(
            '3. Now you can syncronize recommendations manually using the "Sync now" button.'
          )}
        </p>
        <div>
          <Button bsStyle="primary" onClick={syncInsights}>
            {__('Sync now')}
          </Button>
        </div>
      </div>
    </IntlProvider>
  );
};

InsightsCloudSync.propTypes = {
  syncInsights: PropTypes.func.isRequired,
  data: PropTypes.shape({
    settingsUrl: PropTypes.string.isRequired,
  }).isRequired,
};

export default InsightsCloudSync;

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
foreman_rh_cloud-0.9.9	webpack/InsightsCloudSync/InsightsCloudSync.js