From 91cf0756976063624fc4a7148728fbb9f7fe1f12 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Tue, 8 Sep 2020 12:56:10 -0700
Subject: [PATCH] ProfileChangeNotification: Ensure emoji are rendered properly

---
 .../ProfileChangeNotification.stories.tsx          | 14 +++++++-------
 .../conversation/ProfileChangeNotification.tsx     |  3 ++-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/ts/components/conversation/ProfileChangeNotification.stories.tsx b/ts/components/conversation/ProfileChangeNotification.stories.tsx
index 2ed29958fde7..a3cc65f06282 100644
--- a/ts/components/conversation/ProfileChangeNotification.stories.tsx
+++ b/ts/components/conversation/ProfileChangeNotification.stories.tsx
@@ -19,14 +19,14 @@ storiesOf('Components/Conversation/ProfileChangeNotification', module)
         changedContact={{
           id: 'some-guid',
           type: 'direct',
-          title: 'John',
-          name: 'John',
+          title: 'Mr. Fire 🔥',
+          name: 'Mr. Fire 🔥',
           lastUpdated: Date.now(),
         }}
         change={{
           type: 'name',
-          oldName: 'John Old',
-          newName: 'John New',
+          oldName: 'Mr. Fire 🔥 Old',
+          newName: 'Mr. Fire 🔥 New',
         }}
       />
     );
@@ -38,13 +38,13 @@ storiesOf('Components/Conversation/ProfileChangeNotification', module)
         changedContact={{
           id: 'some-guid',
           type: 'direct',
-          title: 'John',
+          title: 'Mr. Fire 🔥',
           lastUpdated: Date.now(),
         }}
         change={{
           type: 'name',
-          oldName: 'John Old',
-          newName: 'John New',
+          oldName: 'Mr. Fire 🔥 Old',
+          newName: 'Mr. Fire 🔥 New',
         }}
       />
     );
diff --git a/ts/components/conversation/ProfileChangeNotification.tsx b/ts/components/conversation/ProfileChangeNotification.tsx
index 805a834ec015..d0f15d020193 100644
--- a/ts/components/conversation/ProfileChangeNotification.tsx
+++ b/ts/components/conversation/ProfileChangeNotification.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import { LocalizerType } from '../../types/Util';
 import { ConversationType } from '../../state/ducks/conversations';
+import { Emojify } from './Emojify';
 import {
   getStringForProfileChange,
   ProfileNameChangeType,
@@ -20,7 +21,7 @@ export function ProfileChangeNotification(props: PropsType): JSX.Element {
   return (
     <div className="module-profile-change-notification">
       <div className="module-profile-change-notification--icon" />
-      {message}
+      <Emojify text={message} />
     </div>
   );
 }