import React from 'react' import PropTypes from 'prop-types' import { Link, graphql } from 'gatsby' import shortid from 'shortid' import SEO from '../components/atoms/SEO' import ProjectImage from '../components/atoms/ProjectImage' import { grid } from '../components/Layout.module.css' import { project as styleProject, title as styleTitle, imageCount as styleImageCount } from './index.module.css' import Repositories from '../components/organisms/Repositories' import Icon from '../components/atoms/Icon' function getImageCount(images, slug) { let array = [] let slugWithoutSlashes = slug.replace(/\//g, '') images.map( ({ node }) => node.name.includes(slugWithoutSlashes) && array.push(node) ) return array.length } Project.propTypes = { node: PropTypes.shape({ slug: PropTypes.string.isRequired, title: PropTypes.string.isRequired, img: PropTypes.object.isRequired }), images: PropTypes.array.isRequired } function Project({ node, images }) { const { slug, title, img } = node const imageCount = getImageCount(images, slug) return (