import React from 'react'; import { useDyteMeeting, useDyteSelector } from '../../src'; function Meeting() { const { meeting } = useDyteMeeting(); const roomJoined = useDyteSelector((m) => m.self.roomJoined); const participantCount = useDyteSelector( (m) => m.participants.count, ); const self = useDyteSelector((m) => m.self); return (
Meeting details
{!roomJoined && (
Status: {' '} {roomJoined === undefined ? 'Connecting...' : 'Connected'}
{meeting && (
)}
)} {roomJoined && (
Name: {self?.name}
audio: {' '} {JSON.stringify(self?.audioEnabled)} , video: {' '} {JSON.stringify(self?.videoEnabled)}
Participant Count: {participantCount}
)}
); } export default Meeting;