Support for creating New Groups

ts/components/conversation/ContactName.tsx

@@ -7,20 +7,34 @@ import { LocalizerType } from '../../types/Util';
 import { Emojify } from './Emojify';
 
 export type PropsType = {
+  firstName?: string;
   i18n: LocalizerType;
-  title: string;
   module?: string;
   name?: string;
   phoneNumber?: string;
+  preferFirstName?: boolean;
   profileName?: string;
+  title: string;
 };
 
-export const ContactName = ({ module, title }: PropsType): JSX.Element => {
+export const ContactName = ({
+  firstName,
+  module,
+  preferFirstName,
+  title,
+}: PropsType): JSX.Element => {
   const prefix = module || 'module-contact-name';
 
+  let text: string;
+  if (preferFirstName) {
+    text = firstName || title || '';
+  } else {
+    text = title || '';
+  }
+
   return (
     <span className={prefix} dir="auto">
-      <Emojify text={title || ''} />
+      <Emojify text={text} />
     </span>
   );
 };