From 56998dfcd617c0c1c46c05009cea4e1b1032dc9d Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Wed, 9 Jul 2025 15:04:09 +0100
Subject: [PATCH] [web] Support multi-byte characters in online user name
 (#26882)

GitOrigin-RevId: 9547ed7df13fcf8bb51ddd8c3f59167c2099e4e6
---
 .../components/online-users/online-users-widget.tsx            | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/ide-redesign/components/online-users/online-users-widget.tsx b/services/web/frontend/js/features/ide-redesign/components/online-users/online-users-widget.tsx
index bac1787e10..07aaa647a9 100644
--- a/services/web/frontend/js/features/ide-redesign/components/online-users/online-users-widget.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/online-users/online-users-widget.tsx
@@ -86,9 +86,10 @@ const OnlineUserWidget = ({
 
 const OnlineUserCircle = ({ user }: { user: OnlineUser }) => {
   const backgroundColor = getBackgroundColorForUserId(user.user_id)
+  const [character] = [...user.name]
   return (
     <span className="online-user-circle" style={{ backgroundColor }}>
-      {user.name.charAt(0)}
+      {character}
     </span>
   )
 }