diff --git a/app/components/Call/Call.tsx b/app/components/Call/Call.tsx
index aa63880..7538217 100644
--- a/app/components/Call/Call.tsx
+++ b/app/components/Call/Call.tsx
@@ -3,8 +3,9 @@ import { useAvatars } from "@/app/providers/AvatarProvider/useAvatars";
import { CallContextValue, CallState } from "@/app/providers/CallProvider/CallProvider";
import { translateDurationToTime } from "@/app/providers/CallProvider/translateDurationTime";
import { useUserInformation } from "@/app/providers/InformationProvider/useUserInformation";
-import { Avatar, Box, Flex, Text } from "@mantine/core";
+import { Avatar, Box, Flex, Popover, Text, useMantineTheme } from "@mantine/core";
import { IconChevronLeft, IconMicrophone, IconMicrophoneOff, IconPhone, IconPhoneX, IconQrcode, IconVolume, IconVolumeOff, IconX } from "@tabler/icons-react";
+import { KeyImage } from "../KeyImage/KeyImage";
export interface CallProps {
context: CallContextValue;
@@ -20,10 +21,14 @@ export function Call(props: CallProps) {
setSound,
setMuted,
setShowCallView,
- muted} = props.context;
+ muted,
+ getKeyCast,
+ accept
+ } = props.context;
const [userInfo] = useUserInformation(activeCall);
const avatars = useAvatars(activeCall);
const colors = useRosettaColors();
+ const theme = useMantineTheme();
return (
Back
-
+
+
+
+
+
+
+
+ This call is secured by 256 bit end-to-end encryption. Only you and the recipient can read or listen to the content of this call.
+
+
+
+
+
{translateDurationToTime(duration)})}
{callState == CallState.CONNECTING && (Connecting...)}
{callState == CallState.INCOMING && (Incoming call...)}
+ {callState == CallState.KEY_EXCHANGE && (Exchanging encryption keys...)}
- {callState == CallState.ACTIVE || callState == CallState.CONNECTING && (
+ {callState == CallState.ACTIVE || callState == CallState.CONNECTING || callState == CallState.KEY_EXCHANGE && (
<>
setSound(!sound)} style={{
borderRadius: 25,
@@ -93,7 +117,7 @@ export function Call(props: CallProps) {
)}
-
diff --git a/app/dev.html b/app/dev.html
index 969a459..dd03527 100644
--- a/app/dev.html
+++ b/app/dev.html
@@ -6,6 +6,9 @@
+