24 lines
522 B
JavaScript
24 lines
522 B
JavaScript
|
import { useState, useEffect } from "react";
|
||
|
|
|
||
|
|
export function useRoomMemberName(member) {
|
||
|
|
const [state, setState] = useState({
|
||
|
|
name: member.name,
|
||
|
|
rawDisplayName: member.rawDisplayName,
|
||
|
|
});
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
function updateName() {
|
||
|
|
setState({ name: member.name, rawDisplayName: member.rawDisplayName });
|
||
|
|
}
|
||
|
|
|
||
|
|
updateName();
|
||
|
|
|
||
|
|
member.on("RoomMember.name", updateName);
|
||
|
|
|
||
|
|
return () => {
|
||
|
|
member.removeListener("RoomMember.name", updateName);
|
||
|
|
};
|
||
|
|
}, [member]);
|
||
|
|
|
||
|
|
return state;
|
||
|
|
}
|