From 374e525cde4cf742a1f908c2410fa7198a4c50ed Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Thu, 15 Jun 2023 10:30:25 +0100
Subject: [PATCH] Merge pull request #13406 from overleaf/ae-unicode-char

Use a Unicode-aware method to get the first character of the user name

GitOrigin-RevId: 04beccb906f40a452f03795b0cd9046bd95c32ec
---
 .../components/online-users-widget.js                         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
index b32445822a..0b2beba5eb 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.js
@@ -72,11 +72,13 @@ function UserIcon({ user, showName, onClick }) {
     onClick(user)
   }
 
+  const [character] = [...user.name]
+
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
     <span onClick={handleOnClick}>
       <span className="online-user" style={{ backgroundColor }}>
-        {user.name.slice(0, 1)}
+        {character}
       </span>
       {showName && user.name}
     </span>