{"version":3,"sources":["webpack:///./src/components/ClientItem/index.js","webpack:///./src/pages/family.js"],"names":["Root","styled","div","Inner","Link","props","theme","palette","colors","grey","Thumbnail","Image","spacing","gutter","black","Content","white","Title","h3","rem","breakpoint","Tags","h4","ClientItem","data","to","client_image","fluid","client_imageSharp","childImageSharp","fallback","alt","RichText","asText","title","position","category","Container","grid","maxWidth","Intro","Col","Section","Row","GridItem","ColumnsTitle","h2","query","App","prismic","allClients","page","clients","typeMap","Coach","Player","items","edges","sort","a","b","x","node","text","toLowerCase","y","reduce","clientTypes","client","Layout","SEO","seo_meta_title","description","seo_description","Hero","heading","image","hero_imageSharp","hero_text","render","content","length","players","map","key","_meta","id","coaches"],"mappings":"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","file":"component---src-pages-family-js-d9404cee0994ad4cf8c1.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { rem } from 'polished';\n\nimport styled from 'styled-components';\n\nimport { RichText } from 'prismic-reactjs';\nimport Image from '../Image';\nimport Link from '../Link';\n\nimport { breakpoint } from '../../theme';\n\nconst Root = styled.div`\n  width: 100%;\n`;\n\nconst Inner = styled(Link)`\n  display: block;\n  width: 100%;\n  background-color: ${(props) => props.theme.palette.colors.grey};\n  text-align: left;\n`;\n\nconst Thumbnail = styled(Image)`\n  display: block;\n  padding: ${(props) => props.theme.spacing.gutter};\n  width: 100%;\n  background-color: ${(props) => props.theme.palette.colors.black};\n`;\n\nconst Content = styled.div`\n  display: block;\n  padding: ${(props) => props.theme.spacing.gutter};\n  width: 100%;\n  color: ${(props) => props.theme.palette.colors.white};\n`;\n\nconst Title = styled.h3`\n  display: block;\n  width: 100%;\n  margin: 0;\n  font-size: ${rem(22)};\n\n  ${breakpoint('large')} {\n    font-size: ${rem(26)};\n  }\n`;\n\nconst Tags = styled.h4`\n  display: block;\n  width: 100%;\n  margin: 0;\n  font-size: ${rem(16)};\n\n  ${breakpoint('large')} {\n    font-size: ${rem(17)};\n  }\n`;\n\nfunction ClientItem({ data }) {\n  return (\n    <Root>\n      <Inner to={data}>\n        {data.client_image && (\n          <Thumbnail\n            fluid={data.client_imageSharp?.childImageSharp?.fluid}\n            fallback={data.client_image}\n            alt={RichText.asText(data.title)}\n          />\n        )}\n\n        <Content>\n          <Title>{RichText.asText(data.title)}</Title>\n          <Tags>{data.position ? data.position : data.category}</Tags>\n        </Content>\n      </Inner>\n    </Root>\n  );\n}\n\nClientItem.propTypes = {\n  data: PropTypes.oneOfType([PropTypes.object]).isRequired,\n};\n\nexport default ClientItem;\n","/* eslint-disable no-underscore-dangle */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { rem } from 'polished';\nimport { graphql } from 'gatsby';\n\nimport { RichText } from 'prismic-reactjs';\n\nimport SEO from '../components/SEO';\nimport Layout from '../components/Layout';\nimport Hero from '../components/Hero';\nimport Row from '../components/Row';\nimport Col from '../components/Col';\nimport ClientItem from '../components/ClientItem';\n\nimport { breakpoint } from '../theme';\n\nconst Container = styled.div`\n  max-width: ${(props) => props.theme.grid.maxWidth};\n  margin: ${rem(50)} auto 0;\n  padding-bottom: ${rem(110)};\n`;\n\nconst Intro = styled(Col)`\n  text-align: center;\n  margin: ${rem(50)} auto ${rem(75)};\n  width: 100%;\n  max-width: ${rem(500)};\n  /* max-width: ${(props) => props.theme.grid.maxWidthText}; */\n  font-size: ${rem(18)};\n\n  ${breakpoint('mediumlarge')} {\n    max-width: ${rem(680)};\n    font-size: ${rem(20)};\n  }\n\n  ${breakpoint('large')} {\n    margin-top: ${rem(70)};\n  }\n`;\n\nconst Section = styled(Row)`\n  justify-content: center;\n  margin-bottom: ${rem(40)};\n\n  ${breakpoint('large')} {\n    margin-bottom: ${rem(50)};\n  }\n`;\n\nconst GridItem = styled(Col)`\n  width: 100%;\n  margin-bottom: ${rem(42)};\n\n  ${breakpoint('mediumlarge')} {\n    width: 50%;\n  }\n\n  ${breakpoint('large')} {\n    width: 33.33%;\n  }\n`;\n\nconst ColumnsTitle = styled.h2`\n  display: block;\n  width: 100%;\n  text-align: center;\n  font-size: ${rem(24)};\n  margin-bottom: ${rem(30)};\n\n  ${breakpoint('large')} {\n    font-size: ${rem(28)};\n    margin-bottom: ${rem(35)};\n  }\n`;\n\nfunction App({ data }) {\n  const { allClients, clients: page } = data.prismic;\n\n  const typeMap = {\n    Coach: 'coaches',\n    Player: 'players',\n  };\n\n  const items = allClients.edges\n    .sort((a, b) => {\n      const x = a.node.title[0].text.toLowerCase();\n      const y = b.node.title[0].text.toLowerCase();\n\n      // eslint-disable-next-line no-nested-ternary\n      return x < y ? -1 : x > y ? 1 : 0;\n    })\n    .reduce(\n      (clientTypes, { node: client }) => ({\n        ...clientTypes,\n        [typeMap[client.category]]: [\n          ...(clientTypes[typeMap[client.category]] || []),\n          client,\n        ],\n      }),\n      {},\n    );\n\n  if (!page) {\n    return null;\n  }\n\n  return (\n    <Layout>\n      <SEO\n        title={RichText.asText(page.seo_meta_title || page.title)}\n        description={page.seo_description}\n      />\n\n      <Hero heading={RichText.asText(page.title)} image={page.hero_imageSharp}>\n        {page.hero_text && <RichText render={page.hero_text} />}\n      </Hero>\n\n      {page.content && page.content.length && RichText.asText(page.content) && (\n        <Row>\n          <Intro>\n            <RichText render={page.content} />\n          </Intro>\n        </Row>\n      )}\n\n      <Container>\n        {items.players && items.players.length && (\n          <div>\n            <Row>\n              <Col>\n                <ColumnsTitle>Our players</ColumnsTitle>\n              </Col>\n            </Row>\n            <Section>\n              {items.players.map((client) => (\n                <GridItem key={client._meta.id}>\n                  <ClientItem data={client} />\n                </GridItem>\n              ))}\n            </Section>\n          </div>\n        )}\n        {items.coaches && items.coaches.length && (\n          <div>\n            <Row>\n              <Col>\n                <ColumnsTitle>Our coaches</ColumnsTitle>\n              </Col>\n            </Row>\n            <Section>\n              {items.coaches.map((client) => (\n                <GridItem key={client._meta.id}>\n                  <ClientItem data={client} />\n                </GridItem>\n              ))}\n            </Section>\n          </div>\n        )}\n      </Container>\n    </Layout>\n  );\n}\n\nApp.propTypes = {\n  data: PropTypes.objectOf(PropTypes.object).isRequired,\n};\n\nexport const query = graphql`\n  query ClientsQuery {\n    prismic {\n      clients(lang: \"en-gb\", uid: \"family\") {\n        hero_image\n        hero_imageSharp {\n          childImageSharp {\n            fluid(maxWidth: 1200, quality: 75) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        hero_text\n        seo_description\n        seo_meta_title\n        title\n        content\n        _meta {\n          uid\n          type\n          lang\n          id\n        }\n        _linkType\n      }\n      allClients(first: 500) {\n        totalCount\n        edges {\n          node {\n            _meta {\n              uid\n              type\n              tags\n              lastPublicationDate\n              lang\n              id\n              firstPublicationDate\n              alternateLanguages {\n                id\n                lang\n                type\n                uid\n              }\n            }\n            _linkType\n            category\n            title\n            seo_meta_title\n            seo_description\n            position\n            hero_text\n            foot\n            dob\n            contract_end\n            content\n            club\n            client_image\n            client_imageSharp {\n              childImageSharp {\n                fluid(maxWidth: 900, maxHeight: 720, quality: 75) {\n                  ...GatsbyImageSharpFluid_withWebp\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default App;\n"],"sourceRoot":""}