Modal header additions. Close and back button.

ts/components/EditProfileDialog.tsx

@@ -134,6 +134,11 @@ export class EditProfileDialog extends React.Component<Props, State> {
       <div className="edit-profile-dialog">
 
         <SessionWrapperModal
+                title={i18n('editProfileModalTitle')}
+        onClose={this.closeDialog}
+        headerIconButtons={backButton}
+        showExitIcon={true}
+        theme={this.props.theme}
         >
           <div className="spacer-md" />
 
@@ -219,12 +224,13 @@ export class EditProfileDialog extends React.Component<Props, State> {
   }
 
   private renderDefaultView() {
+    const name = this.state.setProfileName ? this.state.setProfileName : this.state.profileName;
     return (
       <>
         {this.renderProfileHeader()}
 
         <div className="profile-name-uneditable">
-          <p>{this.state.setProfileName}</p>
+          <p>{name}</p>
           <SessionIconButton
             iconType={SessionIconType.Pencil}
             iconSize={SessionIconSize.Medium}

ts/components/OnionStatusDialog.tsx

@@ -135,6 +135,7 @@ export const OnionPathModal = (props: OnionPathModalType) => {
       cancelText={props.cancelText || window.i18n('cancel')}
       onConfirm={onConfirm}
       onClose={props.onClose}
+      showExitIcon={true}
     >
       <OnionPathModalInner {...props}></OnionPathModalInner>
     </SessionWrapperModal>

ts/components/session/SessionWrapperModal.tsx

@@ -39,6 +39,7 @@ export type SessionWrapperModalType = {
   theme?: any;
   headerIconButtons?: any[];
   children: any;
+  headerReverse?: boolean;
 };
 
 export const SessionWrapperModal = (props: SessionWrapperModalType) => {
@@ -52,6 +53,7 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
     showExitIcon,
     theme,
     headerIconButtons,
+    headerReverse
   } = props;
 
   useEffect(() => {
@@ -75,7 +77,7 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
     <div className="loki-dialog session-confirm-wrapper modal">
       <div className="session-confirm-wrapper">
         <div className="session-modal">
-          <div className="session-modal__header">
+          <div className={classNames('session-modal__header', headerReverse && 'reverse')}>
             <div className="session-modal__header__close">
               {showExitIcon ? (
                 <SessionIconButton