export default function Home()

in src/components/pages/Home/Home.tsx [18:48]

• 27 lines of code
• 2 McCabe index (conditional complexity)

export default function Home(props: Props): React.ReactElement {
  const t = useTranslations();

  const images: IImageGalleryImage[] = useMemo(
    () =>
      props.exhibits
        .filter((exhibit) => !!exhibit.imagesCollection.items.length)
        .map((exhibit) => {
          const firstImageItem = exhibit.imagesCollection.items[0];

          return {
            clickUrl: `${EXHIBIT_URL}/${exhibit.slug}`,
            id: firstImageItem.sys.id,
            url: firstImageItem.url,
          };
        }),
    [props.exhibits],
  );

  return (
    <div>
      <h2 className={styles.title}>{t('homePageTitle')}</h2>

      {images.length > 0 && (
        <div className={styles.gallery}>
          <ImageGallery images={images} isLinkImage={true} displayArrows={true} />
        </div>
      )}
    </div>
  );
}