Contents

import React, { useState } from 'react';
import { Tabs, Tab, TabTitleText, Label } from '@patternfly/react-core';
import { InfoCircleIcon } from '@patternfly/react-icons';

import { translate as __ } from 'foremanReact/common/I18n';

import './AnsibleHostDetail.scss';

const AnsibleHostDetail = props => {
  // https://projects.theforeman.org/issues/32398
  const [activeTab] = useState('variables');

  return (
    <Tabs activeKey={activeTab} isSecondary>
      <Tab
        eventKey="variables"
        title={<TabTitleText>{__('Variables')}</TabTitleText>}
      >
        <div className="host-details-tab-item">
          <div className="ansible-host-detail">
            <Label
              color="blue"
              icon={<InfoCircleIcon />}
              style={{ marginTop: '1.5rem' }}
            >
              Ansible Variables coming soon!
            </Label>
          </div>
        </div>
      </Tab>
    </Tabs>
  );
};

export default AnsibleHostDetail;

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
foreman_ansible-6.4.1	webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-6.4.0	webpack/components/AnsibleHostDetail/AnsibleHostDetail.js