File size: 721 Bytes
87337b1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
"use client"
import * as React from "react"
import { NetworkQuality } from "agora-rtc-sdk-ng"
import { rtcManager } from "@/manager"
import { NetworkIconByLevel } from "@/components/Icon"
export default function NetworkIndicator() {
const [networkQuality, setNetworkQuality] = React.useState<NetworkQuality>()
React.useEffect(() => {
rtcManager.on("networkQuality", onNetworkQuality)
return () => {
rtcManager.off("networkQuality", onNetworkQuality)
}
}, [])
const onNetworkQuality = (quality: NetworkQuality) => {
setNetworkQuality(quality)
}
return (
<NetworkIconByLevel
level={networkQuality?.uplinkNetworkQuality}
className="h-4 w-4 md:h-5 md:w-5"
/>
)
}
|