feat: show timeline button in device settings when connected

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

cypress/integration/ambianic-tests/settings.spec.js

@@ -86,7 +86,16 @@ context('Settings', () => {
     cy.get('[data-cy=mydevices-btn]').contains('My Devices')
   })
 
-  it('Should display edge device peer ID', () => {
+  it('Should have Timeline button after connecting', () => {
+    cy.window().then(win => {
+      cy.get('[data-cy=timeline-btn]').should('not.exist').then( ($el) => {
+        _fakeConnect(cy, win)
+        cy.get('[data-cy=timeline-btn]').should('exist').contains('Timeline')
+      })
+    })
+  })
+
+  it('Should display edge device peer ID after connecting', () => {
     cy.window().then(win => {
       cy.get('[data-cy=list-item-edgePeerID]').should('not.exist').then( ($el) => {
         _fakeConnect(cy, win)

package.json

@@ -26,7 +26,6 @@
     "idb": "^6.1.4",
     "konva": "^8.3",
     "moment": "^2.29",
-    "node": "^16.10.0",
     "peerjs": "^1.3.2",
     "register-service-worker": "^1.7.1",
     "sjcl": "^1.0.8",
@@ -93,7 +92,7 @@
     "webpack-bundle-analyzer": "^4.5"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=16"
   },
   "funding": {
     "type": "github",

src/views/Settings.vue

@@ -117,6 +117,13 @@
             </v-list>
           </v-card-text>
           <v-card-actions>
+            <v-btn
+              to="timeline"
+              v-if="isEdgeConnected"
+              data-cy="timeline-btn"
+            >
+              Timeline
+            </v-btn>
             <v-spacer />
             <v-btn
               ref="mydevices-btn"