Show contact name when you reply to message with a contact

js/models/conversations.js

@@ -711,13 +711,21 @@
     },
 
     async makeQuote(quotedMessage) {
+      const { getName } = Signal.Types.Contact;
       const contact = quotedMessage.getContact();
       const attachments = quotedMessage.get('attachments');
 
+      const body = quotedMessage.get('body');
+      const embeddedContact = quotedMessage.get('contact');
+      const embeddedContactName =
+        embeddedContact && embeddedContact.length > 0
+          ? getName(embeddedContact[0])
+          : '';
+
       return {
         author: contact.id,
         id: quotedMessage.get('sent_at'),
-        text: quotedMessage.get('body'),
+        text: body || embeddedContactName,
         attachments: await Promise.all(
           (attachments || []).map(async attachment => {
             const { contentType } = attachment;

ts/components/conversation/EmbeddedContact.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Contact } from '../../types/Contact';
+import { Contact, getName } from '../../types/Contact';
 
 interface Props {
   contact: Contact;
@@ -13,11 +13,6 @@ function getInitials(name: string): string {
   return name.trim()[0] || '#';
 }
 
-function getName(contact: Contact): string {
-  const { name, organization } = contact;
-  return (name && name.displayName) || organization || '';
-}
-
 export class EmbeddedContact extends React.Component<Props, {}> {
   public renderAvatar() {
     const { contact } = this.props;
@@ -26,7 +21,7 @@ export class EmbeddedContact extends React.Component<Props, {}> {
     const path = avatar && avatar.avatar && avatar.avatar.path;
     if (!path) {
       const name = getName(contact);
-      const initials = getInitials(name);
+      const initials = getInitials(name || '');
       return (
         <div className="image-container">
           <div className="default-avatar">{initials}</div>

ts/types/Contact.ts

@@ -97,3 +97,8 @@ export function contactSelector(
       })),
   });
 }
+
+export function getName(contact: Contact): string | null {
+  const { name, organization } = contact;
+  return (name && name.displayName) || organization || null;
+}