35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
|
import { MatrixClient, MatrixEvent, RoomMember, RoomMemberEvent } from 'matrix-js-sdk';
|
||
|
|
import { useEffect, useState } from 'react';
|
||
|
|
import { useAlive } from './useAlive';
|
||
|
|
|
||
|
|
export const useRoomMembers = (mx: MatrixClient, roomId: string): RoomMember[] => {
|
||
|
|
const [members, setMembers] = useState<RoomMember[]>([]);
|
||
|
|
const alive = useAlive();
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const room = mx.getRoom(roomId);
|
||
|
|
|
||
|
|
const updateMemberList = (event?: MatrixEvent) => {
|
||
|
|
if (!room || !alive || (event && event.getRoomId() !== roomId)) return;
|
||
|
|
setMembers(room.getMembers());
|
||
|
|
};
|
||
|
|
|
||
|
|
if (room) {
|
||
|
|
updateMemberList();
|
||
|
|
room.loadMembersIfNeeded().then(() => {
|
||
|
|
if (!alive) return;
|
||
|
|
updateMemberList();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
mx.on(RoomMemberEvent.Membership, updateMemberList);
|
||
|
|
mx.on(RoomMemberEvent.PowerLevel, updateMemberList);
|
||
|
|
return () => {
|
||
|
|
mx.removeListener(RoomMemberEvent.Membership, updateMemberList);
|
||
|
|
mx.removeListener(RoomMemberEvent.PowerLevel, updateMemberList);
|
||
|
|
};
|
||
|
|
}, [mx, roomId, alive]);
|
||
|
|
|
||
|
|
return members;
|
||
|
|
};
|