Add to and cc recipients in To detail from popover. Close #1084

Author: erikaperugachi

email_composer/src/components/DropfileField.js

@@ -36,7 +36,6 @@ const DropfileField = props => (
       accept={props.accept}
       multiple={props.multiple}
       onChange={props.onDrop}
-      webkitdirectory
     />
     {props.isDragActive && (
       <div className="dropfilefiled-content">

email_mailbox/src/components/Email.js

@@ -121,7 +121,10 @@ const renderEmailInfoExpand = props => (
   <div className="email-info-content-line">
     <div className="email-info-content-to">
       {renderEmailStatus(props.email.status)}
-      <span>{`To ${showContacts(props.email.to)}`}</span>
+      <span>{`To ${showContacts([
+        ...props.email.to,
+        ...props.email.cc
+      ])}`}</span>
       <div className="email-info-content-to-more">
         <span onClick={props.onTooglePopOverEmailMoreInfo}>
           {string.mailbox.more}
@@ -191,7 +194,7 @@ const renderEmailInfoExpand = props => (
 const showContacts = contacts => {
   return contacts.reduce((result, contact, index) => {
     if (contacts.length > 1) {
-      const name = contact.name || contact.email;
+      const name = contact.name || contact.email.split('@')[0];
       const firstname = `${index !== 0 ? ', ' : ''}${name.split(' ')[0]}`;
       return `${result}${firstname}`;
     }

email_mailbox/src/selectors/emails.js

@@ -21,7 +21,7 @@ const defineEmails = (emails, contacts, emailIds) => {
           const to = defineContact(contacts, toIds);
           const ccIds = email.cc;
           const cc = defineContact(contacts, ccIds);
-          const bccIds = email.cc;
+          const bccIds = email.bcc;
           const bcc = defineContact(contacts, bccIds);
           const subject = email.subject || `(${string.mailbox.empty_subject})`;
           return { ...email, from, to, toIds, cc, ccIds, bcc, bccIds, subject };