https://www.buildthechangeschools.org/assets/GroupMembers-CK-iBKzV.js

1import{u as m,L as l,r as c,J as d,j as e,aS as u,f as o,R as x,au as g}from"./index.js";import{C as b}from"./CommunityGroupPageLayout-Dx1KUaWZ.js";import"./AdminGroupMembers-B76AyT3r.js";const h=o.div`
2    display: grid;
3    grid-template-columns: repeat(4, minmax(0, 1fr));
4    gap: 1em;
5
6    @media (max-width: 1000px) {
7        grid-template-columns: repeat(2, minmax(0, 1fr));
8    }
9
10    @media (max-width: 600px) {
11        grid-template-columns: repeat(1, minmax(0, 1fr));
12    }
13`,f=o.div`
14    width: 60px;
15    min-width: 60px;
16    height: 60px;
17
18    border-radius: 100px;
19    border: 2px solid ${x};
20    background-image: url("${r=>r.iconSrc}");
21    background-position: center;
22    background-size: cover;
23    background-repeat: no-repeat;
24`,y=o(g)`
25    color: black;
26    cursor: pointer;
27    display: flex;
28    align-items: center;
29    padding: 1em 1em;
30    box-sizing: border-box;
31    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
32    gap: 1em;
33    border-radius: 20px;
34`,P=o.div`
35    overflow: hidden;
36    white-space: nowrap;
37    text-overflow: ellipsis;
38`;function w(){const{t:r}=m("Community_Group_Pages"),{groupId:i}=l(),[s,n]=c.useState({groupId:i}),{data:p}=d("/api/v1/community/group/members/list",{query:{params:s}});return e.jsx(b,{pageDescription:r("Page_Description_Member"),pageTitle:r("Page_Title_Member"),children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1em"},children:[e.jsx(u,{label:r("Members_SearchInput_Placeholder"),onSubmit:a=>{n(t=>({...t,textSearch:a}))},placeholder:r("Members_SearchInput_Placeholder"),type:"search"}),e.jsx(h,{children:p.map((a,t)=>e.jsxs(y,{to:`/profile/${a.userId}`,children:[e.jsx(f,{iconSrc:a.pfpSrc}),e.jsx(P,{children:a.name})]},t))})]})})}export{w as default};