Version info

preload.js

@@ -59,6 +59,13 @@ window.isBeforeVersion = (toCheck, baseVersion) => {
   }
 };
 
+window.versionInfo = {
+  environment: window.getEnvironment(),
+  version: window.getVersion(),
+  commitHash: window.getCommitHash(),
+  appInstance: window.getAppInstance(),
+};
+
 // temporary clearnet fix
 process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
 window.getSelfSignedCert = () => {

stylesheets/_session.scss

@@ -1130,6 +1130,22 @@ label {
     }
   }
 
+  &-view {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  &__version-info {
+    display: flex;
+    justify-content: space-between;
+    opacity: 0.4;
+    padding: $session-margin-sm $session-margin-md;
+    background-color: $session-shade-5;
+    font-size: $session-font-xs;
+  }
+
   &__password-lock {
     display: flex;
     align-items: center;
@@ -1272,7 +1288,6 @@ label {
     background-color: $session-color-white;
     border-color: $session-color-white;
   }
-
 }
 .user-details-dialog {
   .session-id-editable {

ts/components/EditProfileDialog.tsx

@@ -157,15 +157,14 @@ export class EditProfileDialog extends React.Component<Props, State> {
             </div>
             <div
               className="qr-view-button"
-              role="button"
-              onClick={() => {
-                this.setState({ mode: 'qr' });
-              }}
             >
               <SessionIconButton
                 iconType={SessionIconType.QR}
                 iconSize={SessionIconSize.Small}
                 iconColor={'#000000'}
+                onClick={() => {
+                  this.setState({ mode: 'qr' });
+                }}
               />
             </div>
           </div>

ts/components/session/settings/SessionSettings.tsx

@@ -220,13 +220,25 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
           showLinkDeviceButton={!shouldRenderPasswordLock}
           category={category}
         />
-        {shouldRenderPasswordLock ? (
-          this.renderPasswordLock()
-        ) : (
-          <div ref={this.settingsViewRef} className="session-settings-list">
-            {this.renderSettingInCategory()}
-          </div>
-        )}
+        <div className="session-settings-view">
+          {shouldRenderPasswordLock ? (
+            this.renderPasswordLock()
+          ) : (
+            <div ref={this.settingsViewRef} className="session-settings-list">
+              {this.renderSettingInCategory()}
+            </div>
+          )}
+          {this.renderSessionInfo()}
+        </div>
+      </div>
+    );
+  }
+
+  public renderSessionInfo(): JSX.Element {
+    return (
+      <div className="session-settings__version-info">
+        <span>v{window.versionInfo.version}</span>
+        <span>{window.versionInfo.commitHash}</span>
       </div>
     );
   }

ts/global.d.ts

@@ -1,4 +1,6 @@
 interface Window {
+  versionInfo: any;
+
   Events: any;
   deleteAllData: any;
   getAccountManager: any;