add user to active call

ui/src/components/media/calling.rs

@@ -322,6 +322,7 @@ fn ActiveCallControl(cx: Scope<ActiveCallProps>) -> Element {
     let participants = state.read().get_identities(&call.participants_joined);
     let other_participants = state.read().remove_self(&participants);
     let participants_name = State::join_usernames(&other_participants);
+    let self_id = build_user_from_identity(&state.read().get_own_identity());
 
     use_effect(cx, &other_participants, |in_call| {
         to_owned![ch, state];
@@ -400,7 +401,15 @@ fn ActiveCallControl(cx: Scope<ActiveCallProps>) -> Element {
                 class: format_args!("call-time {}", if cx.props.in_chat {"in-chat"} else {""}),
                 aria_label: "call-time",
                 format_timestamp_timeago(active_call.answer_time.into(), &state.read().settings.language_id()),
-            }
+            },
+            cx.props.in_chat.then(||rsx!(div {
+                class: "self-identity",
+                UserImage {
+                    platform: self_id.platform,
+                    status: self_id.status,
+                    image: self_id.photo
+                }
+            }))
         },
         div {
             class: "controls",
@@ -643,7 +652,7 @@ pub fn CallDialog<'a>(cx: Scope<'a, CallDialogProps<'a>>) -> Element<'a> {
                 )
                 p {
                     "{cx.props.description}",
-                }
+                },
             },
             div {
                 class: "calling",

ui/src/components/media/style.scss

@@ -233,6 +233,10 @@
             bottom: var(--padding);
         }
     }
+    .self-identity {
+        position: absolute; 
+        bottom: var(--padding-less);
+    }
     .controls {
         display: inline-flex;
         gap: var(--gap);