diff --git a/webapp/components/layout.tsx b/webapp/components/layout.tsx index e15ddc6..ed26663 100644 --- a/webapp/components/layout.tsx +++ b/webapp/components/layout.tsx @@ -4,12 +4,14 @@ import Member from './member' import WhipPlayer from './player/whip-player' import WhepPlayer from './player/whep-player' import DeviceBar from './device' -import { UserStatus, localStreamIdAtom } from '../store/atom' +import { UserStatus, localStreamIdAtom, meetingJoinedAtom } from '../store/atom' import copy from 'copy-to-clipboard' import SvgDone from './svg/done' +import SvgEnd from './svg/end' export default function Layout(props: { meetingId: string }) { const [copyStatus, setCopyStatus] = useState(false) + const [_, setMeetingJoined] = useAtom(meetingJoinedAtom) const [localStreamId] = useAtom(localStreamIdAtom) const [remoteUserStatus, setRemoteUserStatus] = useState<{ [_: string]: UserStatus }>({}) @@ -30,6 +32,12 @@ export default function Layout(props: { meetingId: string }) { setRemoteUserStatus(r) } + const callEnd = async () => { + // TODO: + // need clear server status + setMeetingJoined(false) + } + useEffect(() => { let shareScreenId = "" const setShareScreenId = (id: string) => shareScreenId = id @@ -78,7 +86,15 @@ export default function Layout(props: { meetingId: string }) { -
+ +
+ +
+ diff --git a/webapp/components/svg/end.tsx b/webapp/components/svg/end.tsx new file mode 100644 index 0000000..5cbc705 --- /dev/null +++ b/webapp/components/svg/end.tsx @@ -0,0 +1,7 @@ +export default function SvgEnd() { + return ( + + + + ) +}