https://airfocus.com/component---src-page-templates-learn-learn-author-tsx-a03474c018554206ebe9.js

1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[607],{4761:function(e,t,a){a.r(t),a.d(t,{Head:function(){return k}});var o=a(4506),i=a(3769),r=a(6540),n=a(695),l=a(9086),s=a(7802),c=a(2258),m=a(3029),u=a(2292),d=a(6005),g=a(7650),h=a(1718),p=a(2530),b=a(7746),f=a(196),y=a(1887),Y=a(7022),A=a(2982);t.default=({data:{author:{name:e,jobTitle:t,companyName:a="",authorPhoto:i,authorPublications:b=[],socialLinks:k,description:{description:N}={}},allLearnAuthors:H}})=>{const $=r.useMemo(()=>b?b.reduce((e,{category:t})=>e.length>0&&e.map(({slug:e})=>e).includes(t.slug)?e:[].concat((0,o.A)(e),[t]),[]):[],[b]),C=r.useMemo(()=>H.edges.sort((e,t)=>{var a,o,i,r;return((null===(a=t.node)||void 0===a||null===(o=a.authorPublications)||void 0===o?void 0:o.length)||0)-((null===(i=e.node)||void 0===i||null===(r=i.authorPublications)||void 0===r?void 0:r.length)||0)}),[H]),P=e.split(" ")[0],L=P.lastIndexOf("s")===P.length-1;return(0,A.Y)(p.Ay,{blackBG:!0},(0,A.Y)(Y.LearnHeader,null),(0,A.Y)(m.A,null,(0,A.Y)(s.A,{blackBG:!0,name:e,jobTitle:t,companyName:a,authorPhoto:i,socialLinks:k,description:N},!!$.length&&(0,A.Y)("div",{css:w($.length)},(0,A.Y)("div",{className:"categories center"},"Featured in:"),(0,A.Y)("div",{css:x},$.map(({categoryLogo:e,slug:t,name:a,categoryColor:o})=>(0,A.Y)(d.A,{logoSrc:e,title:a,stripColor:o,url:`/product-learn/category/${t}/`,key:t}))))),b&&(0,A.Y)(r.Fragment,null,(0,A.Y)("h2",{className:"heading2"},P,"'",!L&&"s"," contributions"),(0,A.Y)(c.A,{columns:3,css:v,alignContent:"stretch"},b.sort((e,t)=>(0,y.nq)(e,t)).map(({author:e,abstract:{abstract:t},title:a,slug:o,createdAt:i,category:{categoryColor:r}})=>(0,A.Y)(u.A,{key:o,categoryColor:r,author:e,description:t,title:a,articleUrl:o,createdAt:i})))),!!$.length&&(0,A.Y)(g.A,{size:8,color:"rgba(136, 146, 158, 0.4)"}),(0,A.Y)(l.C,{heading:"More writers:",settings:{slidesToShow:(0,y.Fr)(f.fi.small)?2:(0,y.Fr)(f.fi.large)?4:6}},C.map(({node:e})=>(0,A.Y)(n.h,{author:e,key:e.slug})))),(0,A.Y)(h.A,{blackBG:!0}))};const k=({data:{author:{name:e,description:{description:t},authorPhoto:a}}})=>(0,A.Y)(b.A,{title:`${e}, author & expert at airfocus product learn`,description:t,imageSrc:`https:${a.file.url}`}),v=i.AH`
2  @media screen and (max-width: ${f.fi.medium}px) {
3    grid-template-columns: 1fr 1fr;
4  }
5
6  @media screen and (max-width: ${f.fi.small}px) {
7    grid-template-columns: initial;
8  }
9`,w=e=>i.AH`
10  margin: 4rem auto 0rem;
11
12  // to asure a layout of 3-2 not 4-1
13  ${5===e&&"max-width: 60rem;"};
14`,x=i.AH`
15  margin: 1.5rem auto 0;
16  display: flex;
17  justify-content: center;
18  flex-wrap: wrap;
19  gap: 1rem 2.5rem;
20`},7802:function(e,t,a){var o=a(3769),i=a(5588),r=a(196),n=a(4017),l=a(6460),s=a(2982);const c={"social/angel-co-logo":o.AH`
21    width: 1.125rem;
22  `};t.A=({blackBG:e=!1,withoutMarginBottom:t=!1,name:a,companyName:o,jobTitle:r,authorPhoto:h,description:p,socialLinks:b=[],children:f})=>(0,s.Y)("div",{css:m(t),className:"full-screen-relative"},(0,s.Y)(i.G,{image:h.gatsbyImageData,css:u,imgStyle:{width:"8rem",height:"8rem"},alt:a,loading:"eager"}),(0,s.Y)("h1",{className:"heading2 center"},a),(0,s.Y)("div",{className:"subtitle center"},r," ",o&&"@"," ",o),(0,s.Y)("div",{className:"subtitle center"},p),b&&b.length>0&&(0,s.Y)("div",{css:d},b.map(({url:t})=>{const a=(e=>e?/angel\.co/i.test(e)?"social/angel-co-logo":/linkedin\.com/i.test(e)?"social/logo-linkedin":/(twitter\.com|x\.com)/i.test(e)?"social/logo-x":/medium\.com/i.test(e)?"social/medium-logo":/youtube\.com/i.test(e)?"social/logo-youtube":"social/website-logo":null)(t);return a?(0,s.Y)(n.N_,{className:"opacity-on-hover",href:t,key:t},(0,s.Y)(l.Ay,{src:a,className:e?"white-icon":void 0,css:[g,c[a],"",""]})):null})),f);const m=e=>o.AH`
23  position: relative;
24  padding: 4rem 0 ${e&&"8rem"};
25  margin: 0 auto ${e?0:"6rem"};
26  background-repeat: no-repeat;
27  backdrop-filter: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
28  background-size: cover;
29  background-position: center;
30  border-bottom: 1px solid rgba(136, 146, 158, 0.4);
31
32  text-align: center;
33
34  .heading2 {
35    margin: 2rem auto 0.5rem;
36    text-align: center !important;
37  }
38
39  .subtitle {
40    margin: 0 auto 2rem;
41    max-width: 35rem;
42  }
43
44  @media screen and (max-width: ${r.fi.medium}px) {
45    padding: 3rem 0 ${e&&"7rem"};
46  }
47`,u=o.AH`
48  margin: 0 auto 2rem auto;
49  border-radius: 50%;
50  width: 8rem;
51  height: 8rem;
52`,d=o.AH`
53  display: grid;
54  margin: 0 auto;
55  grid-gap: 2rem;
56  grid-auto-flow: column;
57  grid-auto-columns: max-content;
58  justify-content: center;
59  align-items: center;
60  width: fit-content;
61
62  a {
63    display: flex;
64  }
65`,g=o.AH`
66  width: 1.5rem;
67  height: auto;
68`}}]);
69//# sourceMappingURL=component---src-page-templates-learn-learn-author-tsx-a03474c018554206ebe9.js.map