diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx index 96b3728ffb19abbc31a55169e09475d4e19bf2de..0fd7c15d2489d940975a859ee1d2270b3c5d103f 100644 --- a/src/components/navigation/right/MemberSidebar.tsx +++ b/src/components/navigation/right/MemberSidebar.tsx @@ -127,11 +127,13 @@ export function GroupMemberSidebar({ channel, ctx }: Props & { channel: Channels } export function ServerMemberSidebar({ channel, ctx }: Props & { channel: Channels.TextChannel }) { + const { openScreen } = useIntermediate(); const [members, setMembers] = useState<Servers.Member[] | undefined>(undefined); const users = useUsers(members?.map(x => x._id.user) ?? []).filter(x => typeof x !== 'undefined', ctx) as Users.User[]; const status = useContext(StatusContext); const client = useContext(AppContext); + useEffect(() => { if (status === ClientStatus.ONLINE && typeof members === 'undefined') { client.servers.members.fetchMembers(channel.server) @@ -196,6 +198,7 @@ export function ServerMemberSidebar({ channel, ctx }: Props & { channel: Channel key={user._id} user={user} context={channel} + onClick={() => openScreen({ id: 'profile', user_id: user._id })} /> // </LinkProfile> )