{"version":3,"file":"component---src-pages-blog-strapi-post-slug-tsx-406bee7bb8c4c2197602.js","mappings":"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","sources":["webpack://gatsby-hansogroup/./src/components/CardBody.tsx","webpack://gatsby-hansogroup/./src/components/CardInfo.tsx","webpack://gatsby-hansogroup/./src/components/Card.tsx","webpack://gatsby-hansogroup/./src/components/Posts/Post/index.tsx","webpack://gatsby-hansogroup/./src/components/Posts/index.tsx","webpack://gatsby-hansogroup/./src/Post/RelatedPosts.tsx","webpack://gatsby-hansogroup/./src/Post/index.tsx","webpack://gatsby-hansogroup/./src/utils/blog.ts","webpack://gatsby-hansogroup/./src/components/FlexList.js"],"sourcesContent":["import styled from \"styled-components\"\n\nconst CardBody = styled.div`\n  padding: 2rem;\n  font-size: 1rem;\n  overflow-x: hidden;\n`\n\nexport default CardBody\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { SubHeading } from \"./styles\"\nimport CardBody from \"./CardBody\"\n\nconst Title = styled.p`\n  padding: 0.5rem 0;\n  font-style: italic;\n`\n\nconst Description = styled.p``\n\ninterface Props {\n  name: string\n  title?: string\n  description: string\n}\n\nconst CardInfo = ({ name, title = null, description }: Props) => {\n  return (\n    <CardBody>\n      <SubHeading>{name}</SubHeading>\n      <Title>{title}</Title>\n      <Description>{description}</Description>\n    </CardBody>\n  )\n}\n\nexport default CardInfo\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst Container = styled.div`\n  flex-basis: 33.33%;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  @media (max-width: 768px) {\n    flex-basis: 50%;\n  }\n  @media (max-width: 640px) {\n    flex-basis: 100%;\n  }\n`\n\nconst InnerContainer = styled.div`\n  background-color: #ffffff;\n  margin: 1rem;\n`\n\ninterface Props {\n  children: React.ReactNode\n}\n\nconst Card = ({ children }: Props) => {\n  return (\n    <Container>\n      <InnerContainer>{children}</InnerContainer>\n    </Container>\n  )\n}\n\nexport default Card\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\nimport { PostPreview } from \"../../../types/api/Post\"\nimport Thumbnail from \"../../Thumbnail\"\nimport CardInfo from \"../../CardInfo\"\nimport Card from \"../../Card\"\nimport { getPostLink } from \"../../../utils/links\"\n\ninterface Props extends PostPreview {}\n\nconst StyledLink = styled(Link)`\n  text-decoration: none;\n`\n\nexport default function Post({ title, excerpt, thumbnail, slug }: Props) {\n  const href: string = getPostLink(slug)\n  return (\n    <Card>\n      <StyledLink to={href}>\n        <Thumbnail imageData={thumbnail} />\n        <CardInfo name={title} title={null} description={excerpt} />\n      </StyledLink>\n    </Card>\n  )\n}\n","import React from \"react\"\n\nimport ContentArea from \"../ContentArea\"\nimport { PostPreview } from \"../../types/api/Post\"\nimport FlexList from \"../FlexList\"\nimport Post from \"./Post\"\n\ninterface Props {\n  posts: PostPreview[]\n}\n\nexport default function Posts({ posts }: Props) {\n  const renderPost = (post: PostPreview): JSX.Element => {\n    return <Post {...post} key={post.slug} />\n  }\n\n  const renderedPosts: JSX.Element[] = posts.map(renderPost)\n\n  return (\n    <ContentArea alternate>\n      <FlexList style={{ margin: `1rem` }}>{renderedPosts}</FlexList>\n    </ContentArea>\n  )\n}\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport ContentArea from \"../components/ContentArea\"\nimport Posts from \"../components/Posts\"\nimport { Heading } from \"../components/styles\"\nimport Post from \"../types/api/Post\"\n\ninterface Props {\n  relatedPosts: Post[\"relatedPosts\"]\n}\n\nconst StyledContentArea = styled(ContentArea)`\n  padding: 1rem 0;\n`\n\nexport default function RelatedPosts({ relatedPosts = [] }: Props) {\n  return (\n    <section>\n      <StyledContentArea alternate>\n        <Heading center>Related Posts</Heading>\n        <Posts posts={relatedPosts} />\n      </StyledContentArea>\n    </section>\n  )\n}\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Hero from \"../components/hero\"\nimport Post from \"../types/api/Post\"\nimport { useBlogBackgroundImage } from \"../utils/blog\"\nimport { h3, h4, h5, h6 } from \"../components/styles\"\nimport { breakpoints } from \"../constants/breakpoints\"\nimport RelatedPosts from \"./RelatedPosts\"\nimport PageContainer from \"../components/PageContainer\"\nimport RichText from \"../components/RichText\"\n\ninterface Data {\n  strapiPost: Post\n}\n\ninterface Props {\n  data: Data\n}\n\nconst Content = styled.div`\n  margin: 3rem 0;\n\n  ${breakpoints(\"sm\")`\n    padding: 0 3rem;\n  `}\n\n  ${breakpoints(\"md\")`\n    padding: 0 5rem;\n  `}\n\n  ${breakpoints(\"lg\")`\n    padding: 0;\n  `}\n\n  p + p,\n  p + h3,\n  p + h4,\n  p + h5,\n  p + h6 {\n    margin-top: 1rem;\n  }\n  h3 {\n    ${h3}\n  }\n  h4 {\n    ${h4}\n  }\n  h5 {\n    ${h5}\n  }\n  h6 {\n    ${h6}\n  }\n\n  ul,\n  ol {\n    padding-left: 2.5rem;\n  }\n\n  ul li {\n    list-style: disc;\n  }\n\n  ol li {\n    list-style: decimal;\n  }\n`\n\nexport default function Blog({\n  data: {\n    strapiPost: {\n      title,\n      body,\n      headerImage,\n      relatedPosts,\n      excerpt,\n      thumbnail: {\n        localFile: { publicURL: thumbnailUrl },\n      },\n    },\n  },\n}: Props) {\n  const fluid = headerImage ? null : useBlogBackgroundImage()\n  const meta = [\n    // Sets the thumbnail as SEO image\n    {\n      name: \"og:image\",\n      content: thumbnailUrl,\n    },\n  ]\n  return (\n    <Layout>\n      <Seo title={title} meta={meta} description={excerpt} />\n      <Hero\n        title={title}\n        fluid={fluid}\n        image={null}\n        backgroundImageData={headerImage}\n      />\n      <PageContainer>\n        <Content>\n          <RichText text={body} />\n        </Content>\n      </PageContainer>\n      <RelatedPosts relatedPosts={relatedPosts} />\n    </Layout>\n  )\n}\n","import { graphql, useStaticQuery } from \"gatsby\"\n\ninterface ChildImageSharp {\n  fluid: any\n}\n\ninterface File {\n  childImageSharp: ChildImageSharp\n}\n\ninterface Data {\n  file: File\n}\n\nexport const useBlogBackgroundImage = () => {\n  const {\n    file: {\n      childImageSharp: { fluid },\n    },\n  }: Data = useStaticQuery(graphql`\n    {\n      ...BlogBackgroundImage\n    }\n  `)\n  return fluid\n}\n","import styled from \"styled-components\"\n\nconst FlexList = styled.div`\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flexStart;\n`\n\nexport default FlexList\n"],"names":["CardBody","styled","Title","Description","name","title","description","Container","InnerContainer","children","StyledLink","Link","Post","excerpt","thumbnail","slug","href","getPostLink","to","Thumbnail","imageData","CardInfo","Posts","renderedPosts","posts","map","post","key","ContentArea","alternate","FlexList","style","margin","StyledContentArea","RelatedPosts","relatedPosts","center","Content","breakpoints","h3","h4","h5","h6","Blog","data","strapiPost","body","headerImage","thumbnailUrl","localFile","publicURL","fluid","useBlogBackgroundImage","meta","content","image","backgroundImageData","PageContainer","RichText","text","useStaticQuery","file","childImageSharp"],"sourceRoot":""}