const accountId = "nycdao.near"; const daoId = "liberty.sputnik-dao.near"; const groupId = "community"; const policy = Near.view(daoId, "get_policy"); const group = policy.roles .filter((role) => role.name === groupId) .map((role) => { const group = role.kind.Group; return group; }); const members = group[0]; const Wrapper = styled.div` display: grid; gap: 24px; `; const Item = styled.div` display: flex; justify-content: space-between; align-items: center; gap: 12px; `; const Text = styled.p` margin: 0; font-size: 14px; line-height: 20px; color: ${(p) => (p.bold ? "#11181C" : "#687076")}; font-weight: ${(p) => (p.bold ? "600" : "400")}; font-size: ${(p) => (p.small ? "12px" : "14px")}; `; if (members !== null && members.length === 0) { return <Text>This account doesn't have any followers yet.</Text>; } return ( <Wrapper> <h5>Members</h5> {members.map((accountId, i) => ( <Item key={i}> <Widget src="adminalpha.near/widget/AccountProfile" props={{ accountId }} /> <Widget src="adminalpha.near/widget/FollowButton" props={{ accountId }} /> </Item> ))} </Wrapper> );