https://www.volumn.ai/_next/static/chunks/86394.883154869b570ce1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86394],{21318:(e,r,t)=>{t.d(r,{A:()=>s});let s=(0,t(56059).A)("users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]])},27357:(e,r,t)=>{t.d(r,{A:()=>s});let s=(0,t(56059).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},31646:(e,r,t)=>{t.d(r,{A:()=>s});let s=(0,t(56059).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},79428:(e,r,t)=>{t.d(r,{A:()=>s});let s=(0,t(56059).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},86394:(e,r,t)=>{t.r(r),t.d(r,{FeaturedAccountsSection:()=>a});var s=t(53757),n=t(21318),i=t(27357),l=t(31646),d=t(79428);function a(e){let{t:r,poolNotice:t,poolLoading:a,poolError:c,visiblePoolAccounts:o,poolScrollRef:x,scrollPoolAction:m,onFollowAccountAction:b,followLoadingIds:h,followingAccountIds:u,formatLocaleNumberAction:f,toFiniteNumberAction:k,getCreatorRecommendationTagsAction:g,buildProfileUrlAction:p,getAvatarUrlAction:z}=e;return(0,s.jsxs)("section",{children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 pl-1",children:[(0,s.jsx)(n.A,{className:"h-5 w-5 shrink-0 overflow-visible text-zinc-400"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-sm font-medium text-zinc-500 dark:text-zinc-400",children:r.featuredTitle}),(0,s.jsx)("div",{className:"mt-0.5 text-xl font-semibold text-zinc-900 dark:text-zinc-50",children:r.featuredSubtitle}),t?(0,s.jsx)("div",{className:"mt-1 text-xs font-semibold text-zinc-500 dark:text-zinc-400",children:t}):null]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)("button",{type:"button",onClick:()=>m("left"),className:"rounded-full border border-zinc-200 bg-white p-1.5 text-zinc-500 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-400 dark:hover:bg-zinc-900",children:(0,s.jsx)(i.A,{className:"h-4 w-4"})}),(0,s.jsx)("button",{type:"button",onClick:()=>m("right"),className:"rounded-full border border-zinc-200 bg-white p-1.5 text-zinc-500 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-400 dark:hover:bg-zinc-900",children:(0,s.jsx)(l.A,{className:"h-4 w-4"})})]})]}),(0,s.jsx)("div",{ref:x,className:"mt-4 flex items-start gap-4 overflow-x-auto pb-2 scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:a?(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-2xl border border-dashed border-zinc-300 bg-white px-6 py-8 text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:[(0,s.jsx)(d.A,{className:"h-4 w-4 animate-spin"}),r.loadingFeaturedAccounts]}):c||0===o.length?(0,s.jsx)("div",{className:"rounded-2xl border border-dashed border-zinc-300 bg-white px-6 py-8 text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-400",children:r.noFeaturedAccounts}):o.map(e=>{let t=z({profileImageUrl:e.profileImageUrl,username:e.username}),n=e.username?`https://unavatar.io/twitter/${encodeURIComponent(e.username)}`:null,i=g(e),l=p(e.username??null,e.twitterUserId??null),d=k(e.followersCount,NaN),a=k(e.tweetCount,NaN),c=!(0===d&&Number.isFinite(a)&&a>=100)&&Number.isFinite(d)&&d>0?d:null,o=Number.isFinite(a)&&a>0?a:null;return(0,s.jsxs)("div",{className:"flex w-[240px] shrink-0 flex-col gap-1.5 rounded-2xl border border-zinc-200 bg-white p-3 shadow-sm transition-shadow hover:shadow-md dark:border-zinc-800 dark:bg-zinc-950",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[t?(0,s.jsx)("img",{src:t,alt:"",className:"h-10 w-10 flex-none rounded-full border border-zinc-200 object-cover dark:border-zinc-700",referrerPolicy:"no-referrer",onError:e=>{let r=e.currentTarget;n&&r.src!==n?r.src=n:r.src="https://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png"}}):(0,s.jsx)("div",{className:"h-10 w-10 flex-none rounded-full bg-zinc-200 dark:bg-zinc-800"}),(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"truncate text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:e.name||e.username}),e.verified?(0,s.jsx)("span",{className:"text-[10px] text-blue-500",children:"✓"}):null]}),(0,s.jsxs)("div",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:["@",e.username]})]})]}),e.description?(0,s.jsx)("div",{className:"line-clamp-2 text-xs leading-relaxed text-zinc-600 dark:text-zinc-400",children:e.description}):null,null!==c||null!==o?(0,s.jsxs)("div",{className:"flex items-center gap-3 text-[11px] text-zinc-500 dark:text-zinc-400",children:[null!==c?(0,s.jsxs)("span",{className:"font-semibold",children:[f(c)," ",r.followersLabel]}):null,null!==o?(0,s.jsxs)("span",{children:[f(o)," ",r.postsLabel]}):null]}):null,i.length>0?(0,s.jsx)("div",{className:"flex flex-wrap gap-1",children:i.map(e=>(0,s.jsx)("span",{className:"rounded-md bg-sky-50 px-2 py-0.5 text-[10px] font-medium text-sky-700 dark:bg-sky-500/10 dark:text-sky-200",children:r[e]??e},e))}):null,l?(0,s.jsxs)("div",{className:"flex flex-col gap-2 pt-2",children:[(0,s.jsx)("a",{href:l,target:"_blank",rel:"noreferrer",className:"inline-flex w-full items-center justify-center rounded-full border border-zinc-200 bg-white px-3 py-1 text-xs font-semibold text-zinc-700 transition-colors hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200 dark:hover:bg-zinc-800",children:r.viewProfile}),(0,s.jsx)("button",{type:"button",disabled:h.has(e.twitterUserId)||u.has(e.twitterUserId),onClick:()=>b(e.twitterUserId),className:`inline-flex w-full items-center justify-center rounded-full border px-3 py-1 text-xs font-semibold transition-colors ${u.has(e.twitterUserId)?"border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/10 dark:text-emerald-200":"border-zinc-200 bg-white text-zinc-700 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-900"}`,children:u.has(e.twitterUserId)?r.following:h.has(e.twitterUserId)?r.followingLoading:r.follow})]}):(0,s.jsx)("div",{className:"pt-1",children:(0,s.jsx)("button",{type:"button",disabled:h.has(e.twitterUserId)||u.has(e.twitterUserId),onClick:()=>b(e.twitterUserId),className:`inline-flex w-full items-center justify-center rounded-full border px-3 py-1 text-xs font-semibold transition-colors ${u.has(e.twitterUserId)?"border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/10 dark:text-emerald-200":"border-zinc-200 bg-white text-zinc-700 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-900"}`,children:u.has(e.twitterUserId)?r.following:h.has(e.twitterUserId)?r.followingLoading:r.follow})})]},e.id)})})]})}}}]);