{"version":3,"file":"DetailedAboutEmployee-q5Cd1_E7.js","sources":["../../../src/components/pages/open-source/ContributionsList.tsx","../../../src/components/pages/our-people/DetailedAboutEmployee.tsx"],"sourcesContent":["import React from 'react';\nimport Sections from '../../layout/Sections';\nimport useOsProjects from '../../../hooks/useOsProjects';\nimport OpenSourceProject from './OpenSourceProject';\n\nexport default function ContributionsList() {\n  const osprojects = useOsProjects();\n\n  return (\n    <Sections $rowGap=\"baseline\">\n      {osprojects.map(osproject => (\n        <OpenSourceProject key={osproject.id} project={osproject} />\n      ))}\n    </Sections>\n  );\n}\n","import React from 'react';\nimport { styled } from 'styled-components';\nimport Layout from '../../layout/Layout';\nimport Sections from '../../layout/Sections';\nimport Col from '../../layout/Col';\nimport Grid from '../../layout/Grid';\nimport Container from '../../layout/Container';\nimport AboutEmployee from './AboutEmployee';\nimport { useRoute } from 'react-router5';\nimport { RouterState } from '../../../routerMiddleware';\nimport HeroAnimated from '../../HeroAnimated';\nimport Heading from '../../Heading';\nimport Paragraph from '../../Paragraph';\nimport Text from '../../Text';\nimport { Seo } from '../../seo/Seo';\nimport useArticles from '../../../hooks/useArticles';\nimport useOsProjects from '../../../hooks/useOsProjects';\nimport Background from '../../layout/Background';\nimport BlogCard from '../blog/BlogCard';\nimport ContributionsList from '../open-source/ContributionsList';\nimport Link from '../../Link';\nimport Flex from '../../layout/Flex';\n\nconst MAX_BLOG_POSTS = 3;\n\nconst StyledBlogPosts = styled.section`\n  background-color: var(--color-iron-300);\n  padding-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  position: relative;\n  z-index: 0;\n`;\n\nexport default function DetailedAboutEmployee() {\n  const { route } = useRoute();\n  const state = route as RouterState;\n  const usersById = state.data.usersById;\n  const user = usersById[route.params.id];\n  const articles = useArticles();\n  const osprojects = useOsProjects();\n  return (\n    <Layout hero>\n      <Seo title={`About ${user.name}`} description={`Blog posts and open-source work by ${user.name}`} />\n      <Sections $rowGap=\"space-xxl\">\n        <HeroAnimated animation=\"vector\">\n          <Heading $color=\"pastel-green-400\" $line=\"x\">{`${user.name}`}</Heading>\n          <Paragraph $size=\"large\" ><Text markdown en=\"Blog posts and open-source work\" /></Paragraph>\n        </HeroAnimated>\n        <Container>\n          <Sections $rowGap=\"space-lg\" >\n            <Grid $cols={{ sm: 4, md: 8, lg: 12 }} $columnGap=\"gutter\">\n              <Col $col={{ sm: 'span 4', md: 'span 8', lg: 'span 12', xl: '2 / span 8' }}>\n                <Sections $rowGap=\"space-lg\">\n                  <Grid $cols={{ md: 8, lg: 12 }} $columnGap=\"gutter\">\n                    <Col $col={{ md: '3 / span 6', lg: '3 / span 8', xl: '4 / span 9' }}>\n                      <Heading as=\"h2\"><Text en=\"About\" /></Heading>\n                    </Col>\n                  </Grid>\n                  <AboutEmployee detailed={true} user={user} />\n                </Sections>\n              </Col>\n            </Grid>\n          </Sections>\n        </Container>\n        <StyledBlogPosts>\n          <Container>\n            <Background $lineColor=\"iron-400\" $withContainer $cols={{ lg: 2, xl: 3 }} $zIndex={-1} />\n            <Sections $rowGap=\"baseline\">\n              <Flex $direction={{ sm: 'column', md: 'row' }} $align={{ md: 'flex-end' }} $justify={{ md: 'space-between' }} $rowGap=\"baseline-sm\">\n                <div>\n                  <Heading as=\"h2\"><Text en=\"Blog posts\" /></Heading>\n                </div>\n                <Link className=\"medium\" routeName=\"about.author.blogs\" routeParams={{ id: user.id, name: user.name.toLowerCase() }}><Text en={`Show all posts by ${user.name}`} /></Link>\n              </Flex>\n              <Grid $cols={{ lg: 2, xl: 3 }} $columnGap=\"gutter\" $rowGap=\"gutter\">\n                {articles.slice(0, MAX_BLOG_POSTS).map((article, idx) => <BlogCard key={article.id} position={idx} article={article} summary={article.summary} />)}\n              </Grid>\n            </Sections>\n          </Container>\n        </StyledBlogPosts>\n        {osprojects.length > 0 &&\n          <Container>\n            <Sections $rowGap=\"space-md\">\n              <Flex $direction={{ sm: 'column', md: 'row' }} $align={{ md: 'flex-end' }} $justify={{ md: 'space-between' }} $rowGap=\"baseline-sm\">\n                <div>\n                  <Heading as=\"h2\"><Text en=\"Open-source work\" /></Heading>\n                </div>\n                <Link className=\"medium\" routeName=\"opensource\"><Text en=\"Show all\" /></Link>\n              </Flex>\n              <Grid $cols={{ md: 8, lg: 12 }} $columnGap=\"gutter\">\n                <Col $col={{ sm: 'span 4', md: 'span 8', lg: 'span 12', xl: 'span 12' }}>\n                  <ContributionsList />\n                </Col>\n              </Grid>\n            </Sections>\n          </Container>}\n      </Sections>\n    </Layout>\n  );\n}\n"],"names":["ContributionsList","osprojects","useOsProjects","jsx","Sections","map","osproject","OpenSourceProject","id","MAX_BLOG_POSTS","StyledBlogPosts","styled","section","withConfig","displayName","componentId","DetailedAboutEmployee","route","useRoute","user","data","usersById","params","articles","useArticles","jsxs","Layout","Seo","name","HeroAnimated","Heading","Paragraph","Text","Container","Grid","sm","md","lg","Col","xl","AboutEmployee","Background","Flex","Link","toLowerCase","slice","article","idx","BlogCard","summary","length"],"mappings":"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"}