{"version":3,"file":"component---src-templates-praia-js-16e1345fd5cf3a036221.js","mappings":"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","sources":["webpack://curtafloripa/./src/components/svgs/ArrowRight.js","webpack://curtafloripa/./src/components/breadcrumb/Breadcrumb.js","webpack://curtafloripa/./src/components/paragraphs/ParagraphHelper.js","webpack://curtafloripa/./src/components/paragraphs/hero/TitleHero.js","webpack://curtafloripa/./src/components/menus/footer/FooterMenu.js","webpack://curtafloripa/./src/components/regions/footer/Footer.js","webpack://curtafloripa/./src/components/regions/header/Header.js","webpack://curtafloripa/./src/components/categories/Categories.js","webpack://curtafloripa/./src/templates/praia.js"],"sourcesContent":["import React from \"react\"\n\nconst ArrowRight = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\">\n      <title>Right arrow</title>\n      <path d=\"M79.093 0L48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z\" />\n    </svg>\n  )\n}\n\nexport default ArrowRight\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport \"./breadcrumb.scss\"\nimport ArrowRight from \"../svgs/ArrowRight\"\n\nconst renderBreadcrumbItem = (item, index) => {\n  if (item.link) {\n    return (\n      <li key={index}>\n        <Link to={item.link}>{item.value}</Link>\n        <ArrowRight />\n      </li>\n    )\n  } else {\n    return <li key={index}>{item.value}</li>\n  }\n}\n\nconst Breadcrumb = ({ links }) => {\n  return (\n    <div className=\"breadcrumb\">\n      <ul>\n        <li key=\"label\">Você esta aqui:</li>\n        <li key=\"home\">\n          <Link to={\"/\"}>HOME</Link>\n          <ArrowRight />\n        </li>\n        {links.map(renderBreadcrumbItem)}\n      </ul>\n    </div>\n  )\n}\n\nexport default Breadcrumb\n","import React from \"react\"\nimport loadable from '@loadable/component'\n\nconst components = {\n  paragraph__slide_show: 'SlideShow',\n  paragraph__simple_text: 'SimpleText',\n  paragraph__image: 'Image',\n  paragraph__featured_side_by_side: 'SideBySide',\n  paragraph__video: 'Video',\n  paragraph__image_gallery: 'ImageGallery'\n}\n\nexport const getParagraph = (node, index) => {\n  if (components.hasOwnProperty(node.type)) {\n    const ParagraphComponent = loadable(() => import('./components'), {\n      resolveComponent: (components, props) => components[props.component],\n    })\n    return <ParagraphComponent key={`${node.id}_${index}`} node={node} component={components[node.type]} />\n  }\n\n  return <p key={node.id}>Unknown type {node.__typename}</p>\n}\n","import React from \"react\"\n\nimport \"./title-hero.scss\"\n\nconst TitleHero = ({ title, image }) => {\n  return (\n    <article id={\"title-hero\"}>\n      <div className={\"container\"}>\n        {image}\n        <h1>{title}</h1>\n      </div>\n    </article>\n  )\n}\n\nexport default TitleHero\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport \"../menu.scss\"\nimport \"./footer-menu.scss\"\n\nconst FooterMenu = () => {\n  return (\n    <nav className={\"menu\"} id={\"footer-menu\"}>\n      <ul>\n        <li>\n          <Link to=\"/\">Home</Link>\n        </li>\n        <li>\n          <Link to=\"/praias\">Praias</Link>\n        </li>\n        <li>\n          <Link to=\"/trilhas\">Trilhas</Link>\n        </li>\n        <li>\n          <Link to=\"/onde-ficar\">Onde Ficar</Link>\n        </li>\n      </ul>\n    </nav>\n  )\n}\n\nexport default FooterMenu\n","import React from \"react\"\n\nimport FooterMenu from \"../../menus/footer/FooterMenu\"\n\nimport \"./footer.scss\"\n\nconst Footer = () => {\n  return (\n    <footer id={\"footer\"}>\n      <div className={\"container\"}>\n        <p className={\"copyright\"}>© 2020 Curta Floripa</p>\n        <FooterMenu />\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n","import React from \"react\"\nimport Logo from \"../../logo/Logo\"\nimport MainNav from \"../../menus/main/Main\"\n\nimport \"./header.scss\"\n\nconst Hero = () => {\n  return (\n    <header id={\"header\"} className={\"header\"}>\n      <div className={\"container\"}>\n        <Logo />\n        <MainNav />\n      </div>\n    </header>\n  )\n}\n\nexport default Hero\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport \"./categories.scss\"\n\nconst Categories = ({ region, tags, context }) => {\n  const link_region =\n    context === \"beach\"\n      ? `/praias${region.path.alias}`\n      : `/trilhas${region.path.alias}`\n  return (\n    <section className={\"categories\"}>\n      <div className={\"region taglist\"}>\n        <div className={\"label\"}>Região</div>\n        <div className={\"value\"}>\n          <Link to={link_region}>{region.name}</Link>\n        </div>\n      </div>\n      <div className={\"tags taglist\"}>\n        <div className={\"label\"}>Tags</div>\n        <div className={\"value\"}>\n          {tags.map((value, index) => {\n            let link_tag =\n              context === \"beach\"\n                ? `/praias${value.path.alias}`\n                : `/trilhas${value.path.alias}`\n            return (\n              <Link key={index} to={link_tag}>\n                {value.name}\n              </Link>\n            )\n          })}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default Categories\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { getImage, GatsbyImage, StaticImage } from \"gatsby-plugin-image\"\n\nimport Header from \"../components/regions/header/Header\"\nimport Footer from \"../components/regions/footer/Footer\"\nimport TitleHero from \"../components/paragraphs/hero/TitleHero\"\nimport { getParagraph } from \"../components/paragraphs/ParagraphHelper\"\nimport Seo from \"../components/seo\"\nimport Breadcrumb from \"../components/breadcrumb/Breadcrumb\"\nimport Categories from \"../components/categories/Categories\"\n\nconst Beach = ({ data }) => {\n  // The page node Object.\n  const node = data.nodeBeach\n\n  const paragraphs = node.relationships.paragraphs.map(getParagraph)\n  const region = node.relationships.field_region\n  const tags = node.relationships.field_tags\n  const breadcrumbLinks = [\n    {\n      value: \"Praias\",\n      link: \"/praias\",\n    },\n    {\n      value: node.title,\n    },\n  ]\n\n  const heroImage = () => {\n    if (!node.relationships.field_single_image) {\n      return (\n        <StaticImage\n          src=\"../assets/images/no-image.png\"\n          alt=\"Fundo roxo com texto branco dizendo: Sem Imagem\"\n          width=\"352\"\n          height=\"230\"\n          placeholder=\"blurred\"\n          className=\"cover-image\"\n          objectFit=\"cover\"\n          quality={100}\n        />\n      )\n    }\n\n    const alt = node.relationships.field_single_image.field_media_image.alt\n    const img = getImage(\n      node.relationships.field_single_image.relationships.field_media_image.localFile.image\n    )\n    return (\n      <GatsbyImage\n        alt={alt}\n        image={img}\n        className=\"cover-image\"\n        objectFit=\"cover\"\n      />\n    )\n  }\n\n  const seoImage = () => {\n    if (!node.relationships.field_single_image) {\n      return '../assets/images/beaches-hero.jpg'\n    }\n    return node.relationships.field_single_image.relationships.field_media_image.localFile.seo.resize.src\n  }\n\n  return (\n    <>\n      <Seo\n        title={node.title}\n        description={node.seo_desc}\n        image={seoImage()}\n        article={true}\n      />\n      <Header />\n      <main id=\"main\" className=\"beaches-page\">\n        <TitleHero title={node.title} image={heroImage()} />\n\n        <section className=\"main-content\">\n          <div className={\"container\"}>\n            <Breadcrumb links={breadcrumbLinks} />\n            <Categories region={region} tags={tags} context={\"beach\"} />\n            {paragraphs}\n          </div>\n        </section>\n      </main>\n      <Footer />\n    </>\n  )\n}\n\nexport const query = graphql`\n  query ($id: String) {\n    nodeBeach(id: { eq: $id }) {\n      id\n      title\n      seo_desc: field_seo_short_description\n      relationships {\n        field_region {\n          id\n          name\n          path {\n            alias\n          }\n        }\n        field_tags {\n          id\n          name\n          path {\n            alias\n          }\n        }\n        field_single_image {\n          field_media_image {\n            alt\n          }\n          relationships {\n            field_media_image {\n              localFile {\n                image: childImageSharp {\n                  gatsbyImageData(\n                    breakpoints: [375, 750, 960, 1200, 1440, 1920]\n                    layout: CONSTRAINED\n                    placeholder: BLURRED\n                    sizes: \"100w\"\n                    formats: WEBP\n                    width: 1920\n                  )\n                }\n                seo: childImageSharp {\n                  resize(quality: 100, width: 720) {\n                    src\n                  }\n                }\n              }\n            }\n          }\n        }\n        paragraphs: field_paragraphs {\n          type: __typename\n          ...ParagraphSimpleText\n          ...ParagraphImage\n          ...ParagraphSideBySide\n          ...ParagraphVideo\n          ...ParagraphImageGalley\n        }\n      }\n    }\n  }\n`\n\nexport default Beach\n"],"names":["xmlns","viewBox","d","renderBreadcrumbItem","item","index","link","key","Link","to","value","links","className","map","components","paragraph__slide_show","paragraph__simple_text","paragraph__image","paragraph__featured_side_by_side","paragraph__video","paragraph__image_gallery","getParagraph","node","hasOwnProperty","type","ParagraphComponent","loadable","resolveComponent","props","component","id","__typename","title","image","region","tags","context","link_region","path","alias","name","link_tag","data","nodeBeach","paragraphs","relationships","field_region","field_tags","breadcrumbLinks","description","seo_desc","field_single_image","field_media_image","localFile","seo","resize","src","article","Header","TitleHero","S","alt","width","height","placeholder","objectFit","quality","img","getImage","G","heroImage","Breadcrumb","Footer"],"sourceRoot":""}