Contents

import React from 'react';
import PropTypes from 'prop-types';
import { useQuery } from '@apollo/client';
import { translate as __ } from 'foremanReact/common/I18n';

import ansibleRolesQuery from '../../../../graphql/queries/hostAnsibleRoles.gql';
import { encodeId } from '../../../../globalIdHelper';
import RolesTable from './RolesTable';
import {
  useParamsToVars,
  useCurrentPagination,
} from '../../../../helpers/pageParamsHelper';

const RolesTab = ({ hostId, history, canEditHost }) => {
  const hostGlobalId = encodeId('Host', hostId);
  const pagination = useCurrentPagination(history);

  const renameData = data => ({
    ansibleRoles: data.host.ownAnsibleRoles.nodes,
    totalCount: data.host.ownAnsibleRoles.totalCount,
  });

  const useFetchFn = () =>
    useQuery(ansibleRolesQuery, {
      variables: { id: hostGlobalId, ...useParamsToVars(history) },
      fetchPolicy: 'network-only',
    });

  return (
    <RolesTable
      fetchFn={useFetchFn}
      renamedDataPath="ansibleRoles"
      renameData={renameData}
      permissions={['view_ansible_roles']}
      history={history}
      hostGlobalId={hostGlobalId}
      emptyStateProps={{ title: __('No Ansible roles assigned') }}
      pagination={pagination}
      canEditHost={canEditHost}
      hostId={hostId}
    />
  );
};

RolesTab.propTypes = {
  hostId: PropTypes.number.isRequired,
  history: PropTypes.object.isRequired,
  canEditHost: PropTypes.bool.isRequired,
};

export default RolesTab;

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
foreman_ansible-7.0.1	webpack/components/AnsibleHostDetail/components/RolesTab/index.js
foreman_ansible-7.0.0	webpack/components/AnsibleHostDetail/components/RolesTab/index.js