24 lines
1023 B
TypeScript
24 lines
1023 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import { useEndpointData } from '../../../lib/hooks/useEndpointData';
|
||
|
|
import VideoConferenceDirect from './components/VideoConferenceDirect';
|
||
|
|
import VideoConferenceEnded from './components/VideoConferenceEnded';
|
||
|
|
import VideoConferenceOutgoing from './components/VideoConferenceOutgoing';
|
||
|
|
import VideoConferenceSkeletonLoading from './components/VideoConferenceSkeletonLoading';
|
||
|
|
|
||
|
|
export default function VideoConferenceBlock({ callId, blockId }: { callId: string; blockId: string }): React.ReactElement {
|
||
|
|
const { result } = useEndpointData('video-conference.info', { callId });
|
||
|
|
|
||
|
|
if (result?.success) {
|
||
|
|
const { users, type, status, createdBy, rid } = result;
|
||
|
|
|
||
|
|
if ('endedAt' in result) return <VideoConferenceEnded createdBy={createdBy} rid={rid} type={type} users={users} />;
|
||
|
|
|
||
|
|
if (type === 'direct' && status === 0) return <VideoConferenceDirect blockId={blockId} />;
|
||
|
|
|
||
|
|
return <VideoConferenceOutgoing blockId={blockId} users={users} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
return <VideoConferenceSkeletonLoading />;
|
||
|
|
}
|