Error rendering component

Unknown plugin "module-resolver" specified in "base" at 0, attempted to resolve relative to "/home/circleci/wellcomecollection.org/common/views/components/LinkLabels"

// @flow
import {font, spacing, conditionalClassNames} from '../../../utils/classnames';

type Props = {|
  link: string,
  label: string
|}

function getClassName(i) {
  return conditionalClassNames({
    [`${font({s: 'HNM4'})} plain-link font-green`]: true,
    'border-left-width-1 border-color-smoke': i !== 0,
    [spacing({ s: 1 }, { padding: ['left'] })]: i !== 0,
    [spacing({ s: 1 }, { margin: ['right'] })]: true
  });
}
const LinkLabels = ({ items }: { items: Props[] }) => (
  <ul className={`flex plain-list no-margin no-padding line-height-1`}>
    {items.map(({link, label}, i) => (
      <li key={link}>
        {link
          ? <a className={getClassName(i)} href={link}>{label}</a>
          : <span className={getClassName(i)} >{label}</span>
        }
      </li>
    ))}
  </ul>
);

export default LinkLabels;
/* No context defined for this component. */

Purpose

  • To provide extra information, context, and links to find out more about people and content referenced on our site.

Examples

  • Links to people's blogs and Twitter accounts