{"version":3,"file":"AboutEmployeeBlogs-D5btnX7-.js","sources":["../../../src/hooks/useUser.ts","../../../src/components/pages/our-people/AboutEmployeeBlogs.tsx"],"sourcesContent":["import { useRoute } from 'react-router5';\nimport { RouterState } from '../routerMiddleware';\nimport { User } from '../types';\n\nexport default function useUser(): User {\n  const { route } = useRoute();\n  const state = route as RouterState;\n  const usersById = state.data.usersById;\n  return usersById[route.params.id];\n}\n","import React from 'react';\nimport BlogList from '../blog/BlogList';\nimport Container from '../../layout/Container';\nimport Grid from '../../layout/Grid';\nimport Heading from '../../Heading';\nimport HeroAnimated from '../../HeroAnimated';\nimport Layout from '../../layout/Layout';\nimport Paragraph from '../../Paragraph';\nimport Text from '../../Text';\nimport Col from '../../layout/Col';\nimport Sections from '../../layout/Sections';\nimport { Seo } from '../../seo/Seo';\nimport { canonicalDomain } from '../../seo/DefaultSeo';\nimport useUser from '../../../hooks/useUser';\nimport Link from '../../Link';\nimport ImageCol from '../../layout/ImageCol';\n\nexport default function AboutEmployeeBlogs() {\n  const user = useUser();\n  \n  return (\n    <Layout hero>\n      <Seo title={`Blogs by ${user.name}`} description=\"Tech blog on web, security & embedded\">\n        {/* We want all listings of the blog to have the English full blog list as the canonical url */}\n        <link rel=\"canonical\" href={`${canonicalDomain}/en/blog`} />\n      </Seo>\n      <Sections $rowGap=\"space-xxl\">\n        <HeroAnimated animation=\"vector\">\n          <Heading $color=\"pastel-green-400\" $line=\"x\"><Text en={`Blogs by ${user.name}`} /></Heading>\n          <Paragraph $size=\"large\" ><Text markdown en=\"Tech blog on **web**, **security** & **embedded**\" /></Paragraph>\n        </HeroAnimated>\n        <Container>\n          <Grid $cols={{ md: 8, lg: 12 }} $columnGap=\"gutter\" $rowGap=\"baseline\" $align={{ sm: 'flex-start' }}>\n            <ImageCol $col={{ lg: '2 / span 2' }} $image={user.image}>\n              <Link routeName='about.author' routeParams={{ id: user.id, name: user.name.toLowerCase() }} />\n            </ImageCol>\n            <Col $col={{ sm: 'span 4', md: 'span 6', lg: 'span 9', xl: 'span 6' }}>\n              <BlogList />\n            </Col>\n          </Grid>\n        </Container>\n      </Sections>\n    </Layout>\n  );\n}\n"],"names":["useUser","route","useRoute","AboutEmployeeBlogs","user","jsxs","Layout","jsx","Seo","name","canonicalDomain","Sections","HeroAnimated","Heading","Text","Paragraph","Container","Grid","md","lg","sm","ImageCol","image","Link","id","toLowerCase","Col","xl","BlogList"],"mappings":"kiBAIA,SAAwBA,GAAgB,CAChC,KAAA,CAAE,MAAAC,CAAM,EAAIC,EAAS,EAGpB,OAFOD,EACU,KAAK,UACZA,EAAM,OAAO,EAAE,CAClC,CCQA,SAAwBE,GAAqB,CAC3C,MAAMC,EAAOJ,EAAQ,EAGnB,OAAAK,EAAA,KAACC,EAAO,CAAA,KAAI,GACV,SAAA,CAAAC,MAACC,GAAI,MAAO,YAAYJ,EAAKK,IAAI,GAAI,YAAY,wCAE/C,SAACF,EAAAA,IAAA,OAAA,CAAK,IAAI,YAAY,KAAM,GAAGG,CAAe,UAAW,CAAA,EAC3D,EACAL,EAAAA,KAACM,EAAS,CAAA,QAAQ,YAChB,SAAA,CAACN,EAAAA,KAAAO,EAAA,CAAa,UAAU,SACtB,SAAA,CAAAL,EAAA,IAACM,EAAQ,CAAA,OAAO,mBAAmB,MAAM,IAAI,SAAAN,EAAAA,IAACO,EAAK,CAAA,GAAI,YAAYV,EAAKK,IAAI,EAAM,CAAA,EAAA,EAClFF,EAAAA,IAACQ,EAAU,CAAA,MAAM,QAAS,SAAAR,EAAAA,IAACO,GAAK,SAAQ,GAAC,GAAG,mDAAmD,CAAA,CAAG,CAAA,CAAA,EACpG,EACCP,EAAA,IAAAS,EAAA,CACC,SAACX,EAAAA,KAAAY,EAAA,CAAK,MAAO,CAAEC,GAAI,EAAGC,GAAI,EAAM,EAAA,WAAW,SAAS,QAAQ,WAAW,OAAQ,CAAEC,GAAI,YACnF,EAAA,SAAA,CAAAb,MAACc,GAAS,KAAM,CAAEF,GAAI,YAAA,EAAgB,OAAQf,EAAKkB,MACjD,eAACC,EAAK,CAAA,UAAU,eAAe,YAAa,CAAEC,GAAIpB,EAAKoB,GAAIf,KAAML,EAAKK,KAAKgB,YAAY,GAAI,CAC7F,CAAA,EACAlB,MAACmB,GAAI,KAAM,CAAEN,GAAI,SAAUF,GAAI,SAAUC,GAAI,SAAUQ,GAAI,QAAS,EAClE,SAACpB,EAAAA,IAAAqB,EAAA,CAAQ,CAAA,CACX,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}