https://posthog.com/component---src-templates-hub-tag-tsx-9ac795170a8b64ce33a3.js

1"use strict";(self.webpackChunkposthog_com=self.webpackChunkposthog_com||[]).push([[5194],{95686:function(e,s,t){t.r(s),t.d(s,{default:function(){return b}});var a=t(30758),l=t(2212),i=t(14038),r=t(23571),n=t(39795),c=t(49271),o=t(52412),d=t(83795),m=t(8462),u=t(72753),x=t(9117),p=t(32690),h=t(39106),j=t(86070);const f={founders:{title:"Founders hub",sidebar:(0,j.jsx)(o.Sidebar,{})},"product-engineers":{title:"Product engineer's hub"},newsletter:{title:"Newsletter"}},g=e=>{let{post:s}=e;const{title:t,slug:l,excerpt:i}=s.attributes,{addBookmark:r,user:n}=(0,d.Jd)(),o=(0,a.useMemo)(()=>{var e,s;return null==n||null===(e=n.profile)||void 0===e||null===(s=e.bookmarks)||void 0===s?void 0:s.some(e=>e.url===l)},[n,l]);return(0,j.jsx)("li",{children:(0,j.jsxs)(h.A,{asLink:!0,to:l,size:"md",width:"full",className:"justify-between",hover:"background",children:[(0,j.jsx)("div",{children:t}),(0,j.jsx)("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),r({url:l,title:t,description:i})},children:o?(0,j.jsx)(c.IconBookmarkSolid,{className:"size-5"}):(0,j.jsx)(c.IconBookmark,{className:"size-5"})})]})},s.id)};function b(e){var s;let{pageContext:{root:t,selectedTag:o,title:d}}=e;const{0:h,1:b}=(0,a.useState)((0,n.getSortOption)(t)),{0:v,1:N}=(0,a.useState)((0,n.getParams)(t,o,(0,n.getSortOption)(t).sort)),{posts:k,isLoading:y,isValidating:w,fetchMore:z,hasMore:S}=(0,r.j)({params:v}),A=null===(s=f[t])||void 0===s?void 0:s.sidebar,C=(0,x.uw)(o);return(0,a.useEffect)(()=>{N((0,n.getParams)(t,o,h.sort))},[t,o,h]),(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(m.Ay,{title:d+" - "+f[t].title+" - PostHog"}),(0,j.jsx)("div",{"data-scheme":"secondary",className:"p-4 bg-primary text-primary h-full",children:(0,j.jsxs)("div",{className:"flex gap-8 h-full",children:[(0,j.jsx)("section",{className:"flex-1",children:(0,j.jsxs)(i.A,{className:"pr-5",children:[(0,j.jsxs)(l.A,{className:"inline-flex items-center gap-1 pr-2 pl-1 py-1 rounded-md bg-transparent hover:bg-accent active:scale-[0.98]",to:"/"+t,children:[(0,j.jsx)("div",{children:(0,j.jsx)(c.IconChevronLeft,{className:"size-4 text-primary"})}),(0,j.jsx)("div",{className:"text-base leading-tight font-bold",children:f[t].title})]}),(0,j.jsxs)("div",{className:"flex items-center justify-between",children:[(0,j.jsxs)("div",{className:"flex items-center gap-2 my-4 ml-2",children:[C&&(0,j.jsx)(C,{className:"size-5 text-primary"}),(0,j.jsx)("h2",{className:"m-0",children:d})]}),(0,j.jsx)(p.A,{menus:[{trigger:(0,j.jsx)(c.IconSort,{className:"size-4"}),items:n.sortOptions.map(e=>({type:"item",label:e.label,onClick:()=>b(e),active:h.label===e.label}))}]})]}),(0,j.jsx)("ul",{className:"space-y-px m-0",children:y?Array.from({length:10}).map((e,s)=>(0,j.jsx)("div",{className:"bg-accent h-7 w-full rounded-md animate-pulse my-1"},s)):k.map(e=>(0,j.jsx)(g,{post:e},e.id))}),S&&(0,j.jsx)("div",{className:"flex justify-center mt-4",children:(0,j.jsx)(u.E0,{disabled:w,size:"md",width:"full",onClick:()=>z(),children:w?(0,j.jsx)(c.IconSpinner,{className:"size-6 mx-auto animate-spin"}):"Load more"})})]})}),A&&(0,j.jsx)("aside",{className:"max-w-xs text-sm",children:(0,j.jsx)(i.A,{children:A})})]})})]})}}}]);
2//# sourceMappingURL=component---src-templates-hub-tag-tsx-9ac795170a8b64ce33a3.js.map