import React from 'react';
import PropTypes from 'prop-types';
import ContentConfig from '../Content/ContentConfig';

const AdditionalCapsuleContent = ({ counts }) => {
  const {
    deb: debPackageCount = 0,
    docker_manifest: dockerManifestCount = 0,
    docker_tag: dockerTagCount = 0,
    file: fileCount = 0,
    erratum: errataCount = 0,
    package_group: packageGroup = 0,
    'rpm.modulemd': moduleStreamCount = 0,
  } = counts;

  const contentConfigTypes = ContentConfig.filter(({ names: { capsuleCountLabel } }) =>
    !!counts[`${capsuleCountLabel}`])
    .map(({
      names: {
        capsuleCountLabel, pluralLowercase,
      },
    }) => {
      const countParam = `${capsuleCountLabel}`;
      const count = counts[countParam];
      return {
        pluralLowercase,
        count,
      };
    });

  return (
    <>
      {errataCount > 0 &&
      <>
        {`${errataCount} Errata`}<br />
      </>
            }
      {moduleStreamCount > 0 &&
      <>
        {`${moduleStreamCount} Module streams`}<br />
      </>
            }
      {packageGroup > 0 &&
      <>
        {`${packageGroup} Package groups`}<br />
      </>
            }
      {dockerTagCount > 0 &&
      <>
        {`${dockerTagCount} Container tags`}<br />
      </>
            }
      {dockerManifestCount > 0 &&
      <>
        {`${dockerManifestCount} Container manifests`}<br />
      </>
            }
      {fileCount > 0 &&
      <>
        {`${fileCount} Files`}<br />
      </>
            }
      {debPackageCount > 0 &&
      <>
        {`${debPackageCount} Debian packages`}<br />
      </>}
      {contentConfigTypes?.length > 0 &&
                contentConfigTypes.map(({ count, pluralLowercase }) => (
                  <React.Fragment key={pluralLowercase}>
                    {`${count} ${pluralLowercase}`}<br />
                  </React.Fragment>))
            }
    </>
  );
};

AdditionalCapsuleContent.propTypes = {
  counts: PropTypes.shape({
    deb: PropTypes.number,
    docker_manifest: PropTypes.number,
    docker_tag: PropTypes.number,
    file: PropTypes.number,
    erratum: PropTypes.number,
    package_group: PropTypes.number,
    'rpm.modulemd': PropTypes.number,
  }),
};

AdditionalCapsuleContent.defaultProps = {
  counts: {},
};

export default AdditionalCapsuleContent;