Sha256: 810796d15e1b0c2c066135dbcd3a7a910af37064d937d9354f3a3ebd8fb65223

Contents?: true

Size: 1.63 KB

Versions: 20

Compression:

Stored size: 1.63 KB

Contents

import React from 'react';
import PropTypes from 'prop-types';
import { Tabs, Tab, TabTitleText } from '@patternfly/react-core';
import { useHistory } from 'react-router-dom';
import SkeletonLoader from 'foremanReact/components/common/SkeletonLoader';

import SecondaryTabRoutes from './components/SecondaryTabRoutes';
import { SECONDARY_TABS } from './constants';
import './AnsibleHostDetail.scss';

const AnsibleHostDetail = ({
  response,
  status,
  router,
  location: { pathname },
  history,
}) => {
  const hashHistory = useHistory();
  return (
    <SkeletonLoader status={status} skeletonProps={{ count: 5 }}>
      {response?.id && (
        <>
          <Tabs
            className="ansible-host-details-tabs"
            ouiaId="ansible-host-details-tabs"
            onSelect={(evt, subTab) => hashHistory.push(subTab)}
            activeKey={pathname?.split('/')[2]}
            isSecondary
          >
            {SECONDARY_TABS.map(({ key, title }) => (
              <Tab
                key={key}
                eventKey={key}
                title={<TabTitleText>{title}</TabTitleText>}
              />
            ))}
          </Tabs>
          <SecondaryTabRoutes
            response={response}
            router={router}
            history={history}
          />
        </>
      )}
    </SkeletonLoader>
  );
};

AnsibleHostDetail.propTypes = {
  response: PropTypes.object.isRequired,
  status: PropTypes.string.isRequired,
  location: PropTypes.object,
  router: PropTypes.object.isRequired,
  history: PropTypes.object.isRequired,
};

AnsibleHostDetail.defaultProps = {
  location: { pathname: '' },
};

export default AnsibleHostDetail;

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
foreman_ansible-10.4.4 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.4.3 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.4.2 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-12.0.3 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-12.0.2 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-12.0.1 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-12.0.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.2.1 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.2.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.1.2 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.1.1 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.4.1 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.1.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.4.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.3.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-11.0.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.2.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.1.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.0.1 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js
foreman_ansible-10.0.0 webpack/components/AnsibleHostDetail/AnsibleHostDetail.js