First-class profile name rendering

ts/components/conversation/ContactName.tsx

@@ -1,32 +1,25 @@
 import React from 'react';
 
 import { Emojify } from './Emojify';
+import { LocalizerType } from '../../types/Util';
 
 export interface Props {
+  title: string;
   phoneNumber?: string;
   name?: string;
   profileName?: string;
   module?: string;
+  i18n: LocalizerType;
 }
 
 export class ContactName extends React.Component<Props> {
   public render() {
-    const { phoneNumber, name, profileName, module } = this.props;
+    const { module, title } = this.props;
     const prefix = module ? module : 'module-contact-name';
 
-    const title = name ? name : phoneNumber;
-    const shouldShowProfile = Boolean(profileName && !name);
-    const profileElement = shouldShowProfile ? (
-      <span className={`${prefix}__profile-name`}>
-        ~<Emojify text={profileName || ''} />
-      </span>
-    ) : null;
-
     return (
       <span className={prefix} dir="auto">
         <Emojify text={title || ''} />
-        {shouldShowProfile ? ' ' : null}
-        {profileElement}
       </span>
     );
   }