From 65b5284e2298e866c13a18018067b24f304db3c9 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 20 Jul 2021 15:47:46 +0300
Subject: [PATCH] Settings: Render emoji in current user name (#1296)

---
 src/components/left/settings/SettingsMain.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/left/settings/SettingsMain.tsx b/src/components/left/settings/SettingsMain.tsx
index 5740e7430..63b1bda56 100644
--- a/src/components/left/settings/SettingsMain.tsx
+++ b/src/components/left/settings/SettingsMain.tsx
@@ -7,6 +7,7 @@ import { ApiUser } from '../../../api/types';
 import { selectUser } from '../../../modules/selectors';
 import { getUserFullName } from '../../../modules/helpers';
 import { formatPhoneNumberWithCode } from '../../../util/phoneNumber';
+import renderText from '../../common/helpers/renderText';
 import useLang from '../../../hooks/useLang';
 import useHistoryBack from '../../../hooks/useHistoryBack';
 
@@ -30,6 +31,7 @@ const SettingsMain: FC<OwnProps & StateProps> = ({
   currentUser,
 }) => {
   const lang = useLang();
+  const fullName = getUserFullName(currentUser);
 
   useHistoryBack(isActive, onReset, onScreenSelect, SettingsScreens.Main);
 
@@ -39,7 +41,7 @@ const SettingsMain: FC<OwnProps & StateProps> = ({
         {currentUser && (
           <div className="settings-current-user">
             <Avatar user={currentUser} size="jumbo" />
-            <p className="name">{getUserFullName(currentUser)}</p>
+            <p className="name">{fullName && renderText(fullName)}</p>
             <p className="phone">{formatPhoneNumberWithCode(currentUser.phoneNumber)}</p>
           </div>
         )}