Merge pull request #3005 from balena-io/add-version-settings

Add version in settings modal

lib/gui/app/components/settings/settings.tsx

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faCog } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as _ from 'lodash';
@@ -22,9 +23,11 @@ import * as propTypes from 'prop-types';
 import * as React from 'react';
 import { Badge, Button, Checkbox, Modal, Provider } from 'rendition';
 import styled from 'styled-components';
+import packageJSON = require('../../../../../package.json');
 import * as settings from '../../models/settings';
 import * as store from '../../models/store';
 import * as analytics from '../../modules/analytics';
+import { open as openExternal } from '../../os/open-external/services/open-external';
 import { colors } from '../../theme';
 
 const { useState } = React;
@@ -208,6 +211,17 @@ export const SettingsModal: any = styled(
 							</div>
 						);
 					})}
+					<div>
+						<span
+							onClick={() =>
+								openExternal(
+									'https://github.com/balena-io/etcher/blob/master/CHANGELOG.md',
+								)
+							}
+						>
+							<FontAwesomeIcon icon={faGithub} /> {packageJSON.version}
+						</span>
+					</div>
 				</div>
 
 				{_.isEmpty(warning) ? null : (

lib/gui/app/os/open-external/services/open-external.js

@@ -21,7 +21,6 @@ const store = require('../../../models/store')
 const analytics = require('../../../modules/analytics')
 const settings = require('../../../models/settings')
 
-module.exports = function () {
 /**
  * @summary Open an external resource
  * @function
@@ -32,7 +31,7 @@ module.exports = function () {
  * @example
  * OSOpenExternalService.open('https://www.google.com');
  */
-  this.open = (url) => {
+const open = (url) => {
   // Don't open links if they're disabled by the env var
   if (settings.get('disableExternalLinks')) {
     return
@@ -47,4 +46,9 @@ module.exports = function () {
     electron.shell.openExternal(url)
   }
 }
+
+module.exports = function () {
+  this.open = open
 }
+
+module.exports.open = open

npm-shrinkwrap.json

@@ -1018,6 +1018,14 @@
         "@fortawesome/fontawesome-common-types": "^0.2.25"
       }
     },
+    "@fortawesome/free-brands-svg-icons": {
+      "version": "5.11.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.11.2.tgz",
+      "integrity": "sha512-wKK5znpHiZ2S0VgOvbeAnYuzkk3H86rxWajD9PVpfBj3s/kySEWTFKh/uLPyxiTOx8Tsd0OGN4En/s9XudVHLQ==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.25"
+      }
+    },
     "@fortawesome/free-solid-svg-icons": {
       "version": "5.11.2",
       "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.11.2.tgz",

package.json

@@ -41,6 +41,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free-webfonts": "^1.0.9",
     "@fortawesome/fontawesome-svg-core": "^1.2.25",
+    "@fortawesome/free-brands-svg-icons": "^5.11.2",
     "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/react-fontawesome": "^0.1.7",
     "angular": "1.7.6",