{"version":3,"sources":["webpack:///./src/components/PartnerItem/index.js","webpack:///./src/pages/friends.js"],"names":["Root","styled","div","Logo","props","image","PartnerItem","data","href","LinkUtil","url","link","target","title","RichText","asText","rel","partner_logo","Container","theme","grid","maxWidth","rem","Intro","Col","breakpoint","Section","Row","GridItem","ColumnsTitle","h2","App","prismic","items","allPartners","page","partners","sortedItems","edges","length","sort","a","b","x","node","text","toLowerCase","y","seo_meta_title","description","seo_description","heading","hero_imageSharp","hero_text","render","content","map","project","key","_meta","id","query","fragments","LinkFragment"],"mappings":"kKAQMA,EAAOC,UAAOC,IAAV,oEAAGD,CAAH,iBAIJE,EAAOF,UAAOC,IAAV,oEAAGD,CAAH,kKAOgB,SAACG,GAAD,OAAWA,EAAMC,SA2B5BC,IAxBf,YAAgC,IAAD,EAARC,EAAQ,EAARA,KACrB,OACE,kBAACP,EAAD,KACE,uBACEQ,KAAMC,IAASC,IAAIH,EAAKI,MACxBC,OAAO,SACPC,MAAOC,WAASC,OAAOR,EAAKM,OAC5BG,IAAI,uBAEHT,EAAKU,cACJ,kBAACd,EAAD,CACEE,MAAK,UAAEE,EAAKU,oBAAP,aAAE,EAAmBP,IAC1BG,MAAOC,WAASC,OAAOR,EAAKM,a,sPCdlCK,EAAYjB,UAAOC,IAAV,yEAAGD,CAAH,2EAEA,SAACG,GAAD,OAAWA,EAAMe,MAAMC,KAAKC,WAC/BC,YAAI,IACIA,YAAI,MAGlBC,EAAQtB,kBAAOuB,KAAV,qEAAGvB,CAAH,uIAECqB,YAAI,IAAYA,YAAI,IAGjBA,YAAI,KACJA,YAAI,IAEfG,YAAW,eACEH,YAAI,KACJA,YAAI,IAGjBG,YAAW,SACGH,YAAI,KAIhBI,EAAUzB,kBAAO0B,KAAV,uEAAG1B,CAAH,qEAEMqB,YAAI,IAEnBG,YAAW,SACMH,YAAI,KAInBM,EAAW3B,kBAAOuB,KAAV,wEAAGvB,CAAH,mDAEHqB,YAAI,KAEXG,YAAW,SACFH,YAAI,MAIXO,EAAe5B,UAAO6B,GAAV,4EAAG7B,CAAH,mGAGHqB,YAAI,IACAA,YAAI,IAEnBG,YAAW,SACEH,YAAI,IACAA,YAAI,KAIzB,SAASS,EAAT,GAAwB,IAAD,IAARxB,KACuCyB,QAA/BC,EADA,EACbC,YAA8BC,EADjB,EACOC,SAE5B,IAAKD,EACH,OAAO,KAKT,IAAME,EAAcJ,EAAMK,MAAMC,OAC5BN,EAAMK,MAAME,MAAK,SAACC,EAAGC,GACnB,IAAMC,EAAIF,EAAEG,KAAK/B,MAAM,GAAGgC,KAAKC,cACzBC,EAAIL,EAAEE,KAAK/B,MAAM,GAAGgC,KAAKC,cAG/B,OAAOH,EAAII,GAAK,EAAIJ,EAAII,EAAI,EAAI,KAElC,GAEJ,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACElC,MAAOC,WAASC,OAAOoB,EAAKa,gBAAkBb,EAAKtB,OACnDoC,YAAad,EAAKe,kBAGpB,kBAAC,IAAD,CAAMC,QAASrC,WAASC,OAAOoB,EAAKtB,OAAQR,MAAO8B,EAAKiB,iBACrDjB,EAAKkB,WAAa,kBAAC,WAAD,CAAUC,OAAQnB,EAAKkB,aAG3ClB,EAAKoB,SAAWpB,EAAKoB,QAAQhB,QAAUzB,WAASC,OAAOoB,EAAKoB,UAC3D,kBAAC,IAAD,KACE,kBAAChC,EAAD,KACE,kBAAC,WAAD,CAAU+B,OAAQnB,EAAKoB,YAK7B,kBAACrC,EAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAACW,EAAD,sBAGJ,kBAACH,EAAD,KACGW,EAAYmB,KAAI,gBAASC,EAAT,EAAGb,KAAH,OACf,kBAAChB,EAAD,CAAU8B,IAAKD,EAAQE,MAAMC,IAC3B,kBAAC,IAAD,CAAarD,KAAMkD,WAa1B,IAAMI,EAAK,6/BA+ClB9B,EAAI+B,UAAY,CAACC,KAEFhC","file":"component---src-pages-friends-js-85cb319f2fc4612ec021.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styled from 'styled-components';\n\nimport { RichText } from 'prismic-reactjs';\nimport LinkUtil from '../../utils/link';\n\nconst Root = styled.div`\n  width: 100%;\n`;\n\nconst Logo = styled.div`\n  display: block;\n  width: 100%;\n  padding-bottom: 50%;\n  background-size: contain;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-image: url(${(props) => props.image});\n`;\n\nfunction PartnerItem({ data }) {\n  return (\n    <Root>\n      <a\n        href={LinkUtil.url(data.link)}\n        target=\"_blank\"\n        title={RichText.asText(data.title)}\n        rel=\"noopener noreferrer\"\n      >\n        {data.partner_logo && (\n          <Logo\n            image={data.partner_logo?.url}\n            title={RichText.asText(data.title)}\n          />\n        )}\n      </a>\n    </Root>\n  );\n}\n\nPartnerItem.propTypes = {\n  data: PropTypes.oneOfType([PropTypes.object]).isRequired,\n};\n\nexport default PartnerItem;\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 LinkFragment from '../utils/linkFragment';\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 PartnerItem from '../components/PartnerItem';\n\nimport { breakpoint } from '../theme';\n\nconst Container = styled.div`\n  text-align: center;\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: ${(props) => props.theme.grid.maxWidthText}; */\n  max-width: ${rem(500)};\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  display: inline-block;\n  width: ${rem(185)};\n\n  ${breakpoint('large')} {\n    width: ${rem(205)};\n  }\n`;\n\nconst ColumnsTitle = styled.h2`\n  display: block;\n  width: 100%;\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 { allPartners: items, partners: page } = data.prismic;\n\n  if (!page) {\n    return null;\n  }\n\n  // console.log(data);\n\n  const sortedItems = items.edges.length\n    ? items.edges.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    : [];\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        <Row>\n          <Col>\n            <ColumnsTitle>Our friends</ColumnsTitle>\n          </Col>\n        </Row>\n        <Section>\n          {sortedItems.map(({ node: project }) => (\n            <GridItem key={project._meta.id}>\n              <PartnerItem data={project} />\n            </GridItem>\n          ))}\n        </Section>\n      </Container>\n    </Layout>\n  );\n}\n\nApp.propTypes = {\n  data: PropTypes.objectOf(PropTypes.object).isRequired,\n};\n\nexport const query = graphql`\n  query PartnersQuery {\n    prismic {\n      partners(lang: \"en-gb\", uid: \"friends\") {\n        content\n        hero_image\n        hero_imageSharp {\n          childImageSharp {\n            fluid(maxWidth: 1600, quality: 75) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        hero_text\n        seo_description\n        seo_meta_title\n        title\n      }\n      allPartners(sortBy: title_ASC) {\n        edges {\n          node {\n            _linkType\n            _meta {\n              id\n              lang\n              lastPublicationDate\n              tags\n              type\n              uid\n            }\n            content\n            hero_text\n            link {\n              ...LinkFragment\n            }\n            partner_logo\n            seo_description\n            seo_meta_title\n            title\n          }\n        }\n        totalCount\n      }\n    }\n  }\n`;\n\nApp.fragments = [LinkFragment];\n\nexport default App;\n"],"sourceRoot":""}