Merge pull request #14 from Holo-Host/rc-v0.1.3

Rc v0.1.3

CHANGELOG.md

@@ -4,7 +4,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## unreleased
 
-## [0.1.2]
+## [0.1.3] - 2021-02-18
+### Changed
+- Edit device name disabled and pencil icon grayed out
+### Fixed
+- Correct version number shown on login page
+
+## [0.1.2] - 2021-02-18
 ### Added
 - Mock Hpos Api server, for use as both as a standalone server (via npm package scripts) and as a customizable test mock. This is specifically useful for testing auth.
 - Implementation of login and auth logic

package.json

@@ -1,6 +1,6 @@
 {
   "name": "host-console",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": true,
   "scripts": {
     "serve": "VUE_APP_UI_VERSION=$npm_package_version vue-cli-service serve",

src/pages/Login.vue

@@ -36,7 +36,7 @@
       <div class="reminder-text reminder-text-padding">
         <a class="reminder-text" href="https://holo.host/control-your-data" target="_blank" rel="noopener noreferrer">Learn more</a> about controlling your own data.
       </div>
-      <div class="reminder-text reminder-text-padding">UI v0.1.1</div>
+      <div class="reminder-text reminder-text-padding">Host Console version {{ uiVersion }}</div>
   </div>
 </template>
 
@@ -100,6 +100,11 @@ export default {
       return false
     }
   },
+  computed: {
+    uiVersion () {
+      return process.env.VUE_APP_UI_VERSION
+    }
+  },
   watch: {
     email (email) {
       this.banner = ''

src/pages/Settings.vue

@@ -96,8 +96,9 @@ export default {
   },
   methods: {
     editDeviceName () {
-      this.editedDeviceName = this.settings.deviceName
-      this.isEditingDeviceName = true
+      // temporarily disabled until hpos bug is fixed
+      // this.editedDeviceName = this.settings.deviceName
+      // this.isEditingDeviceName = true
     },
     saveDeviceName () {
       HposInterface.updateSettings({
@@ -179,6 +180,7 @@ export default {
 .pencil {
   margin-left: 5px;
   cursor: pointer;
+  opacity: 0.2;
 }
 .filled-check {
   margin-left: 5px;

src/pages/__tests__/Settings.test.js

@@ -55,7 +55,8 @@ describe('Settings page', () => {
     await waitFor(() => getAllByText(defaultSettings.holoportos.network))
   })
 
-  it('handles devicename interactions correctly', async () => {
+  // this is skipped until the hpos config update is fixed. See also Settings.vue
+  it.skip('handles devicename interactions correctly', async () => {    
     axios.put.mockImplementationOnce(() => Promise.resolve(defaultSettingsResult))
 
     const newDeviceName = "Sean's HP"