From 7b4efc47c7d16df741062276b1246fc9f4ba29aa Mon Sep 17 00:00:00 2001
From: jekrimo <jekrimo@gmail.com>
Date: Mon, 21 Oct 2024 11:29:44 -0600
Subject: [PATCH] fin

---
 .../components/calling/IncomingCall.svelte    | 21 ++++++++++++++-----
 src/lib/lang/en.json                          |  2 +-
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/calling/IncomingCall.svelte b/src/lib/components/calling/IncomingCall.svelte
index 80a5b7561..1f6640ec9 100644
--- a/src/lib/components/calling/IncomingCall.svelte
+++ b/src/lib/components/calling/IncomingCall.svelte
@@ -95,11 +95,18 @@
                             <Text muted>{$user.profile.status_message}</Text>
                         {/if}
                     {:else}
-                        <ProfilePicture id={$user.key} hook="friend-profile-picture" size={Size.Large} image={$user.profile.photo.image} status={$user.profile.status} />
-                        <Text>{$user.name}</Text>
-                        <Text>{$_("settings.calling.userInviteToAGroupCall")}</Text>
+                        <ProfilePicture id={$user.key} hook="friend-profile-picture" size={Size.Medium} image={$user.profile.photo.image} status={$user.profile.status} />
+                        <div class="text-container">
+                            <Text>
+                                {@html $_("settings.calling.userInviteToAGroupCall", {
+                                    values: {
+                                        user: `<span class="bold-text" style="font-weight: bold">${$user.name}</span>`,
+                                        group: `<span class="bold-text" style="font-weight: bold">${$callChat.name}</span>`,
+                                    },
+                                })}
+                            </Text>
+                        </div>
                         <ProfilePictureMany users={$users} />
-                        <Text>{$callChat.name}</Text>
                     {/if}
                     <Spacer less={true} />
                     <Controls>
@@ -127,7 +134,6 @@
         gap: var(--gap);
         width: 100%;
         flex: 1;
-
         .body {
             position: absolute;
             z-index: 1000;
@@ -152,6 +158,11 @@
                 justify-content: center;
                 align-items: center;
                 border: var(--border-width) solid var(--success-color);
+
+                .text-container {
+                    max-width: 80%;
+                    padding-left: 25px;
+                }
             }
         }
     }
diff --git a/src/lib/lang/en.json b/src/lib/lang/en.json
index a849f15ee..d065d74ee 100644
--- a/src/lib/lang/en.json
+++ b/src/lib/lang/en.json
@@ -347,7 +347,7 @@
             "decline": "Decline",
             "hasCancelled": "Has cancelled the call.",
             "disconnecting": "Disconnecting...",
-            "userInviteToAGroupCall": "is inviting you to join a group call",
+            "userInviteToAGroupCall": "{user} has started a group call in {group}",
             "noAnswer": "No answer, leaving the call...",
             "everybodyDeniedTheCall": "Everybody Denied the call. Disconnecting...",
             "acceptedCall": "Joined, loading...",