communitas 0.2.6

A diagnostic chat application for the P2P Foundation network
Documentation 
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

import React from 'react';
import { Box, Button, Typography } from '@mui/material';
import { CallEnd } from '@mui/icons-material';
import { CallState } from '../../services/webrtc/WebRTCService';

interface SimpleCallInterfaceProps {
  call: CallState;
  onEndCall: () => void;
}

export const SimpleCallInterface: React.FC<SimpleCallInterfaceProps> = ({
  call,
  onEndCall
}) => {
  return (
    <Box
      sx={{
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: '#000',
        color: 'white',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        zIndex: 9999
      }}
    >
      <Typography variant="h4" sx={{ mb: 4 }}>
        {call.type === 'video' ? 'Video Call' : 'Audio Call'}
      </Typography>
      
      <Typography variant="h6" sx={{ mb: 8 }}>
        Connected
      </Typography>

      <Button
        variant="contained"
        color="error"
        onClick={onEndCall}
        startIcon={<CallEnd />}
        size="large"
        sx={{ borderRadius: '50px', px: 4, py: 2 }}
      >
        End Call
      </Button>
    </Box>
  );
};