{"version":3,"sources":["webpack://rocketchart-website/./src/components/blog-posts.js","webpack://rocketchart-website/./src/pages/{PrismicBlogCategory.url}.js"],"names":["BlogPosts","docs","className","nodes","map","index","url","blogPostData","data","key","href","src","cover_image","alt","categories","category","document","style","backgroundColor","bg_color","color","text_color","name","title","description","author_link","author_full_name","author_avatar","dateTime","datetime","date","reading_time","aria-hidden","prismicBlogCategory","allPrismicBlogPost","ArrowLeftIcon"],"mappings":"sMAEe,SAASA,EAAT,GAA+B,IAATC,EAAQ,EAARA,KACnC,OAAKA,EAGH,uBAAKC,UAAU,kEACZD,EAAKE,MAAMC,KAAI,WAA8BC,GAA9B,IAAGC,EAAH,EAAGA,IAAWC,EAAd,EAAQC,KAAR,OACd,uBAAKC,IAAKJ,EAAOH,UAAU,sDACzB,qBAAGQ,KAAMJ,EAAKJ,UAAU,iBACtB,uBAAKA,UAAU,2BAA2BS,IAAKJ,EAAaK,YAAYN,IAAKO,IAAKN,EAAaK,YAAYC,OAE7G,uBAAKX,UAAU,0DACb,uBAAKA,UAAU,UACb,2BACGK,EAAaO,WAAWV,KAAI,WAAeC,GAAf,kBAAGU,EAAH,EAAGA,SAAH,OAC3B,qBAAGN,IAAKJ,EAAOK,KAAMK,SAAF,UAAEA,EAAUC,gBAAZ,aAAE,EAAoBV,IAAKJ,UAAU,0BACtD,wBACEA,UAAU,wEACVe,MAAO,CACLC,gBAAiBH,SAAF,UAAEA,EAAUC,gBAAZ,iBAAE,EAAoBR,YAAtB,aAAE,EAA0BW,SAC3CC,MAAOL,SAAF,UAAEA,EAAUC,gBAAZ,iBAAE,EAAoBR,YAAtB,aAAE,EAA0Ba,aAGlCN,SAPH,UAOGA,EAAUC,gBAPb,iBAOG,EAAoBR,YAPvB,aAOG,EAA0Bc,WAMnC,qBAAGZ,KAAMJ,EAAKJ,UAAU,SACtB,qBAAGA,UAAU,uCAAuCK,EAAagB,OACjE,qBAAGrB,UAAU,gCAAgCK,EAAaiB,eAG9D,uBAAKtB,UAAU,0BACb,uBAAKA,UAAU,iBACb,qBAAGQ,KAAMH,EAAakB,YAAYnB,KAChC,wBAAMJ,UAAU,WAAWK,EAAamB,kBACxC,uBAAKxB,UAAU,yBAAyBS,IAAKJ,EAAaoB,cAAcrB,IAAKO,IAAKN,EAAaoB,cAAcd,QAGjH,uBAAKX,UAAU,QACb,wBAAMA,UAAU,qCACd,qBAAGQ,KAAMH,EAAakB,YAAYnB,IAAKJ,UAAU,mBAC9CK,EAAamB,mBAGlB,uBAAKxB,UAAU,wCACb,wBAAM0B,SAAUrB,EAAasB,UAAWtB,EAAauB,MACpDvB,EAAawB,cACZ,gCACE,wBAAMC,cAAY,QAAlB,KACA,uCAAezB,EAAawB,aAA5B,mBAlDF,K,0BCoGpB,EAjCa,SAAC,GAAc,IAAD,EAAXvB,EAAW,EAAXA,KACd,IAAKA,EAAM,OAAO,KAElB,IAAMO,EAAQ,UAAGP,EAAKyB,2BAAR,aAAG,EAA0BzB,KACrCP,EAAOO,EAAK0B,mBAElB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEX,MAAOR,aAAF,EAAEA,EAAUO,KACjBE,YAAaT,aAAF,EAAEA,EAAUS,cAGzB,uBAAKtB,UAAU,8FACb,uBAAKA,UAAU,oBACb,uBAAKA,UAAU,6BAGjB,uBAAKA,UAAU,8BACb,qBAAGQ,KAAK,SAASR,UAAU,yCAAwC,gBAAC,EAAAiC,cAAD,CAAejC,UAAU,iBAA5F,sBAEA,uBAAKA,UAAU,yDACb,sBAAIA,UAAU,qFAAqFe,MAAO,CAAE,oBAAqBF,aAArB,EAAqBA,EAAUI,WAAaJ,aAAxJ,EAAwJA,EAAUO,MAClK,qBAAGpB,UAAU,0EAA0Ea,aAAvF,EAAuFA,EAAUS,cAGnG,gBAACxB,EAAD,CAAWC,KAAMA","file":"component---src-pages-prismic-blog-category-url-js-b82e91caf4bdcc2e5fb5.js","sourcesContent":["import * as React from 'react'\n\nexport default function BlogPosts ({ docs }) {\n  if (!docs) return null\n\n  return (\n    <div className=\"mt-12 max-w-lg mx-auto grid gap-5 lg:grid-cols-3 lg:max-w-none\">\n      {docs.nodes.map(({ url, data: blogPostData }, index) => (\n        <div key={index} className=\"flex flex-col rounded-lg shadow-lg overflow-hidden\">\n          <a href={url} className=\"flex-shrink-0\">\n            <img className=\"h-48 w-full object-cover\" src={blogPostData.cover_image.url} alt={blogPostData.cover_image.alt} />\n          </a>\n          <div className=\"flex-1 bg-white p-6 pt-4 flex flex-col justify-between\">\n            <div className=\"flex-1\">\n              <div>\n                {blogPostData.categories.map(({ category }, index) => (\n                  <a key={index} href={category?.document?.url} className=\"inline-block mr-2 mb-2\">\n                    <span\n                      className='inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium'\n                      style={{\n                        backgroundColor: category?.document?.data?.bg_color,\n                        color: category?.document?.data?.text_color\n                      }}\n                    >\n                      {category?.document?.data?.name}\n                    </span>\n                  </a>\n                ))}\n              </div>\n\n              <a href={url} className=\"block\">\n                <p className=\"text-xl font-semibold text-gray-900\">{blogPostData.title}</p>\n                <p className=\"mt-3 text-base text-gray-500\">{blogPostData.description}</p>\n              </a>\n            </div>\n            <div className=\"mt-6 flex items-center\">\n              <div className=\"flex-shrink-0\">\n                <a href={blogPostData.author_link.url}>\n                  <span className=\"sr-only\">{blogPostData.author_full_name}</span>\n                  <img className=\"h-10 w-10 rounded-full\" src={blogPostData.author_avatar.url} alt={blogPostData.author_avatar.alt} />\n                </a>\n              </div>\n              <div className=\"ml-3\">\n                <span className=\"text-sm font-medium text-gray-900\">\n                  <a href={blogPostData.author_link.url} className=\"hover:underline\">\n                    {blogPostData.author_full_name}\n                  </a>\n                </span>\n                <div className=\"flex space-x-1 text-sm text-gray-500\">\n                  <time dateTime={blogPostData.datetime}>{blogPostData.date}</time>\n                  {blogPostData.reading_time && (\n                    <>\n                      <span aria-hidden=\"true\">&middot;</span>\n                      <span>Lecture {blogPostData.reading_time} min.</span>\n                    </>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { graphql } from 'gatsby'\n\nimport Layout from '../components/layout'\nimport BlogPosts from '../components/blog-posts'\nimport { ArrowLeftIcon } from '@heroicons/react/outline'\nimport Head from '../components/head'\n\nexport const query = graphql`\n  query ($url: String!) {\n    prismicBlogCategory(url: { eq: $url }) {\n      uid\n      data {\n        bg_color\n        name\n        description\n      }\n    }\n    allPrismicBlogPost(\n      filter: { data: { categories: { elemMatch: { category: { url: { eq: $url } } } } } }\n      sort: { fields: data___date, order: DESC }\n      limit: 1000\n      skip: 0\n    ) {\n      nodes {\n        _previewable\n        id\n        uid\n        url\n        data {\n          title\n          description\n          date(formatString: \"LL\", locale: \"fr-FR\")\n          reading_time\n          author_avatar {\n            url\n            alt\n          }\n          author_full_name\n          author_link {\n            url\n          }\n          cover_image {\n            url\n          }\n          categories {\n            category {\n              document {\n                ... on PrismicBlogCategory {\n                  id\n                  url\n                  data {\n                    bg_color\n                    text_color\n                    name\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n      pageInfo {\n        currentPage\n        pageCount\n      }\n    }\n  }\n`\n\nconst Blog = ({ data }) => {\n  if (!data) return null\n\n  const category = data.prismicBlogCategory?.data\n  const docs = data.allPrismicBlogPost\n\n  return (\n    <Layout>\n      <Head\n        title={category?.name}\n        description={category?.description}\n      />\n\n      <div className=\"content-container space-around-row relative bg-gray-50 pb-20 px-4 sm:px-6 lg:pb-28 lg:px-8\">\n        <div className=\"absolute inset-0\">\n          <div className=\"bg-white h-1/3 sm:h-2/3\" />\n        </div>\n\n        <div className=\"relative max-w-7xl mx-auto\">\n          <a href=\"/blog/\" className='flex flex-row items-center -mt-4 mb-2'><ArrowLeftIcon className='w-4 h-4 mr-2' /> tous les articles</a>\n\n          <div className=\"flex flex-col lg:flex-row items-center lg:items-start\">\n            <h2 className=\"text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl rc-highlight-text\" style={{ '--highlight-color': category?.bg_color }}>{category?.name}</h2>\n            <p className=\"ml-0 lg:ml-12 text-justify mt-2.5 max-w-2xl text-xl text-gray-500 mb-0\">{category?.description}</p>\n          </div>\n\n          <BlogPosts docs={docs} />\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default Blog\n"],"sourceRoot":""}