Add friends to server Session'isation

_locales/en/messages.json

@@ -2434,7 +2434,7 @@
     "message": "Adding friends to"
   },
   "noFriendsToAdd": {
-    "message": "no friends to add"
+    "message": "No friends to add"
   },
   "couldNotDecryptMessage": {
     "message": "Couldn't decrypt a message"

ts/components/conversation/ConversationHeader.tsx

@@ -263,7 +263,7 @@ export class ConversationHeader extends React.Component<Props> {
       >
         <SessionIconButton
           iconType={SessionIconType.Ellipses}
-          iconSize={SessionIconSize.Huge}
+          iconSize={SessionIconSize.Large}
           onClick={this.showMenuBound}
         />
       </ContextMenuTrigger>

ts/components/conversation/InviteFriendsDialog.tsx

@@ -6,6 +6,9 @@ import {
   SessionIconType,
 } from '../session/icon';
 
+import { SessionModal } from '../session/SessionModal';
+import { SessionButton } from '../session/SessionButton';
+
 interface Props {
   friendList: Array<any>;
   chatName: string;
@@ -67,15 +70,11 @@ export class InviteFriendsDialog extends React.Component<Props, State> {
     const hasFriends = this.state.friendList.length !== 0;
 
     return (
-      <div className="content">
+      <SessionModal
-        <div className="session-modal__header__close">
+        title={titleText}
-          <SessionIconButton
+        onOk={() => null}
-            iconType={SessionIconType.Exit}
+        onClose={this.closeDialog}
-            iconSize={SessionIconSize.Small}
+      >
-            onClick={this.closeDialog}
-          />
-        </div>
-        <p className="titleText">{titleText}</p>
         <div className="friend-selection-list">
           <MemberList
             members={this.state.friendList}
@@ -85,22 +84,22 @@ export class InviteFriendsDialog extends React.Component<Props, State> {
           />
         </div>
         {hasFriends ? null : (
-          <p className="no-friends">{window.i18n('noFriendsToAdd')}</p>
+          <>
+            <div className="spacer-lg" />
+            <p className="no-friends">{window.i18n('noFriendsToAdd')}</p>
+            <div className="spacer-lg" />
+          </>
         )}
-        <div className="buttons">
+
-          <button className="cancel" tabIndex={0} onClick={this.closeDialog}>
+        <div className="session-modal__button-group">
-            {cancelText}
+          <SessionButton text={cancelText} onClick={this.closeDialog} />
-          </button>
+          <SessionButton
-          <button
+            text={okText}
-            className="ok"
             disabled={!hasFriends}
-            tabIndex={0}
             onClick={this.onClickOK}
-          >
+          />
-            {okText}
-          </button>
         </div>
-      </div>
+      </SessionModal>
     );
   }