fix: polish UI. Cleaner render of idle snapshots / no detection.

Signed-off-by: ivelin <ivelin@ambianic.ai>

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Semantic Versioning Changelog
 
+## [2.22.1](https://github.com/ambianic/ambianic-ui/compare/v2.22.0...v2.22.1) (2021-12-09)
+
+
+### Bug Fixes
+
+* polish UI. Event page view. Add status snackbar close button. ([#785](https://github.com/ambianic/ambianic-ui/issues/785)) ([1fa5f87](https://github.com/ambianic/ambianic-ui/commit/1fa5f87f337ebda235f6b85f186f19f94d853c3e))
+
 # [2.22.0](https://github.com/ambianic/ambianic-ui/compare/v2.21.0...v2.22.0) (2021-11-19)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ambianic-ui",
-  "version": "2.22.0",
+  "version": "2.22.1",
   "description": "Ambianic UI is the main user interface to Ambianic Edge deployments.",
   "author": "Ivelin Ivanov",
   "scripts": {
@@ -66,7 +66,7 @@
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-promise": "^5.2.0",
     "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-vue": "^7.19.1",
     "fake-indexeddb": "^3.1.7",

src/views/Event.vue

@@ -33,7 +33,7 @@
         align="center"
         justify="center"
         cols="12"
-        class="pa-0 ma-0 fill-height fill-width"
+        class="pa-0 ma-0 fill-height"
       >
         <v-card class="text-center">
           <event-card

tests/unit/views/event.spec.js

@@ -103,7 +103,7 @@ describe('Single Event View Page', () => {
     expect(deviceError.exists()).toBeTrue()
     expect(deviceError.text()).toEqual('Event query parameters missing.')
     const loadingCard = wrapper.findComponent({ ref: 'loading-card' })
-    expect(loadingCard.exists()).toBeTrue()
+    expect(loadingCard.exists()).toBeFalse()
   })
 
   test('Event page loads detections when PEER is connected', async () => {
@@ -212,6 +212,6 @@ describe('Single Event View Page', () => {
     expect(deviceError.exists()).toBeTrue()
     expect(deviceError.text()).toEqual('Event hash does not match any of your saved devices.')
     const loadingCard = wrapper.findComponent({ ref: 'loading-card' })
-    expect(loadingCard.exists()).toBeTrue()
+    expect(loadingCard.exists()).toBeFalse()
   })
 })