Function useUserJoinLeaveToasts

app/hooks/useUserJoinLeaveToasts.tsx:37–62

(users: User[])

}

export function useUserJoinLeaveToasts(users: User[]) {
	const [trackedUsers, setTrackedUsers] = useState(users)
	const dispatchToast = useDispatchToast()

	useEffect(() => {
		const newUsers = users.filter(
			(u) => !trackedUsers.some((tu) => tu.id === u.id)
		)

		const usersLeft = trackedUsers.filter(
			(u) => !users.some((tu) => tu.id === u.id)
		)

		newUsers.forEach((u) =>
			dispatchToast(<UserJoinedOrLeftToast user={u} type="joined" />)
		)

		usersLeft.forEach((u) =>
			dispatchToast(<UserJoinedOrLeftToast user={u} type="left" />)
		)
	}, [dispatchToast, trackedUsers, users])

	useEffect(() => {
		setTrackedUsers(users)
	}, [users])
}