rename friend-.. css to contact-

ts/components/conversation/CreateGroupDialog.tsx

@@ -115,7 +115,7 @@ export class CreateGroupDialog extends React.Component<Props, State> {
           autoFocus={true}
           aria-required={true}
         />
-        <div className="friend-selection-list">
+        <div className="contact-selection-list">
           <MemberList
             members={this.state.contactList}
             selected={{}}

ts/components/conversation/InviteContactsDialog.tsx

@@ -72,11 +72,11 @@ export class InviteContactsDialog extends React.Component<Props, State> {
       >
         <div className="spacer-lg" />
 
-        <div className="friend-selection-list">{this.renderMemberList()}</div>
+        <div className="contact-selection-list">{this.renderMemberList()}</div>
         {hasContacts ? null : (
           <>
             <div className="spacer-lg" />
-            <p className="no-friends">{window.i18n('noContactsToAdd')}</p>
+            <p className="no-contacts">{window.i18n('noContactsToAdd')}</p>
             <div className="spacer-lg" />
           </>
         )}

ts/components/conversation/ModeratorsAddDialog.tsx

@@ -148,7 +148,7 @@ export class AddModeratorsDialog extends React.Component<Props, State> {
         </div>
         <div className="moderatorList">
           <p>From friends:</p>
-          <div className="friend-selection-list">
+          <div className="contact-selection-list">
             <MemberList
               members={this.state.contactList}
               selected={{}}

ts/components/conversation/ModeratorsRemoveDialog.tsx

@@ -67,7 +67,7 @@ export class RemoveModeratorsDialog extends React.Component<Props, State> {
         </p>
         <div className="moderatorList">
           <p>Existing moderators:</p>
-          <div className="friend-selection-list">
+          <div className="contact-selection-list">
             <MemberList
               members={this.state.modList}
               selected={{}}