Error rendering component

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

// @flow
import {spacing, font} from '../../../utils/classnames';
import Icon from '../Icon/Icon';
import {UiImage} from '../Images/Images';
import type {Image as ImageProps} from '../../../model/image';

type Props = {|
  id: string,
  url: string,
  title: string,
  imageProps: ImageProps,
  description: string,
  metaText: ?string,
  metaIcon: ?string
|}

const sizesQueries = '(min-width: 1420px) 475px, (min-width: 960px) 34.32vw, (min-width: 600px) calc(50vw - 54px), calc(100vw - 36px)';

const FacilityPromo = ({
  id,
  url,
  title,
  imageProps,
  description,
  metaText,
  metaIcon
}: Props) => {
  const uiImageProps = {
    ...imageProps,
    sizesQueries
  };
  return (
    <a data-component='FacilityPromo'
      data-track-event={JSON.stringify({category: 'component', action: 'FacilityPromo:click'})}
      id={id}
      href={url}
      className='plain-link promo-link'>
      <div>
        <div className='rounded-corners overflow-hidden'>
          <UiImage {...uiImageProps} />
        </div>

        <h2 className={`"promo-link__title ${font({s: 'WB6'})} ${spacing({s: 2}, {margin: ['top']})}`}>{title}</h2>
        <p className={`${font({s: 'HNL5'})} no-margin no-padding`}>{description}</p>

        {metaText &&
          <div className={`${spacing({s: 3}, {padding: ['top']})}`}>
            <div className={`${font({s: 'HNM5'})} flex flex--v-center`}>
              {metaIcon && <Icon name={metaIcon} extraClasses='margin-right-s1' />}
              <span>{metaText}</span>
            </div>
          </div>
        }
      </div>
    </a>
  );
};
export default FacilityPromo;
/* No context defined for this component. */
  • Handle: @facilitypromo
  • Preview:
  • Filesystem Path: ../common/views/components/FacilityPromo/FacilityPromo.js

There are no notes for this item.