1import{_ as $}from"./frame_inspect-DgLfIApp.js";import{cF as z,cG as d,eb as K,eY as R,cL as a,cK as o,d1 as t,d3 as i,db as k,d5 as p,d2 as x,dx as v,d6 as w,d7 as U,dR as y,dd as A,c$ as D,dB as G,f8 as I,es as M,et as q,dw as E,el as P}from"./index-Dx8cLAZd.js";const T="/image/svg/restart.svg",Y={class:"flex flex-col lg:flex-row lg:content-center justify-between"},H={class:"flex items-center gap-[8px]"},J={key:0,class:"hidden lg:flex font-jakarta items-center justify-center text-white text-tiny rounded-full bg-main size-[26px]"},O={class:"font-jakarta! mt-[16px] lg:mt-[32px]"},Q={key:0},W={key:0,class:"text-white"},X={key:1,class:"flex flex-col gap-[8px] lg:gap-[0px]"},Z={class:"flex items-center gap-[8px]"},ee=["src"],te={class:"font-jakarta text-small lg:text-normal text-white"},le={class:"flex gap-[16px]"},se=["onClick","disabled"],ae=["onClick","disabled"],oe={key:0,class:"mt-[32px] flex justify-center"},ie=z({__name:"Followers",setup(ne){const C=G(),r=d(!1),u=d(""),m=d(!0),F=K(),j=C.params.id;let f=1,b=15,c=d();const n=d();function g(){I({userId:j,page:f,pageSize:b,query:u.value}).then(s=>{c.value=s.total,n.value?n.value.push(...s.data):n.value=s.data,s.data.length<b&&(m.value=!1)})}function V(s){r.value=!0,M(s.id).then(()=>s.following=!0).finally(()=>r.value=!1)}function L(s){r.value=!0,q(s.id).then(()=>s.following=!1).finally(()=>r.value=!1)}function B(){f++,g()}return g(),R(u,()=>{f=1,n.value=void 0,c.value=void 0,m.value=!0,g()},{debounce:200}),(s,l)=>{const N=E("FormKit");return a(),o(w,null,[t("section",Y,[t("div",H,[l[2]||(l[2]=t("h1",{class:"font-jakarta text-white text-small lg:text-medium-sm lg:pl-[28px] uppercase lg:normal-case mb-[0px]"}," Followers ",-1)),i(c)?(a(),o("div",J,k(i(c)),1)):p("",!0)]),t("div",null,[x(N,{type:"search",id:"search",label:"Search Followers","outer-class":"relative w-full lg:w-[380px] mt-[24px] mt-[16px] flex-1",modelValue:u.value,"onUpdate:modelValue":l[0]||(l[0]=e=>u.value=e)},{suffixIcon:v(()=>l[3]||(l[3]=[t("img",{class:"h-5/5",src:$,alt:""},null,-1)])),_:1},8,["modelValue"])])]),t("section",O,[n.value?(a(),o("div",Q,[n.value.length===0?(a(),o("div",W,"No followers to display.")):p("",!0),n.value.length>0?(a(),o("div",X,[(a(!0),o(w,null,U(n.value,e=>{var _,h;return a(),o("div",{key:e.id,class:"flex justify-between border lg:border-0 border-dark-gray rounded-sm lg:rounded-none px-[15px] py-[12px] bg-dark-black lg:bg-transparent lg:even:bg-dark-bg"},[t("div",Z,[t("img",{src:(_=e.avatar)!=null&&_.length?e.avatar:"/image/sidebarAvatar.png",class:"size-[32px] rounded-full"},null,8,ee),x(i(y),{to:{name:"profile",params:{id:e.id}}},{default:v(()=>[t("span",te,k(e.username),1)]),_:2},1032,["to"])]),t("div",le,[x(i(y),{to:{name:"profile",params:{id:e.id}}},{default:v(()=>l[4]||(l[4]=[t("button",{class:"hidden! lg:inline-block! btn-small btn-light btn-transparent"},"View Profile",-1)])),_:2},1032,["to"]),e.following?(a(),o("button",{key:1,onClick:S=>L(e),class:"btn-small btn-transparent border-state-error! w-[92px]! lg:w-fit rounded-sm! lg:rounded!",disabled:r.value}," Unfollow ",8,ae)):(a(),o("button",{key:0,onClick:S=>V(e),class:"btn-small w-[92px]! lg:w-fit rounded-sm! lg:rounded! btn-transparent",disabled:r.value||e.id===((h=i(F).user)==null?void 0:h._id)}," Follow ",8,se))])])}),128)),m.value?(a(),o("div",oe,[t("button",{class:"btn-small btn-transparent",style:{padding:"0 32px !important"},onClick:l[1]||(l[1]=e=>B())},l[5]||(l[5]=[t("img",{src:T,class:"w-[16px] h-[16px]"},null,-1),A(" Load more ")]))])):p("",!0)])):p("",!0)])):(a(),D(P,{key:1}))])],64)}}});export{ie as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.