fix: multiple cosmetic fixes

ambianic · Nov 20, 2019 · c3e71d0 · c3e71d0
1 parent 05e3029
commit c3e71d0
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 29 deletions.
diff --git a/src/components/AppFrame.vue b/src/components/AppFrame.vue
@@ -175,31 +175,31 @@ export default {
     drawer: null,
     items: [
       { icon: 'history', text: 'Timeline', link: '/timeline' },
-      { icon: 'mdi-account-heart-outline', text: 'People', link: '/people' },
+      // { icon: 'mdi-account-heart-outline', text: 'People', link: '/people' },
       // class: 'hidden-sm-and-down' ensures that an item is not shown
       // on small screens. For example flows are only visible on screens with
       // enough space for a smooth user experience.
-      { icon: 'mdi-pipe', text: 'Flows', link: '/flows' },
-      {
-        icon: 'keyboard_arrow_up',
-        'icon-alt': 'keyboard_arrow_down',
-        text: 'Labels',
-        model: true,
-        children: [
-          { icon: 'add', text: 'Create label' }
-        ]
-      },
-      {
-        icon: 'keyboard_arrow_up',
-        'icon-alt': 'keyboard_arrow_down',
-        text: 'More',
-        model: false,
-        children: [
-          { text: 'Sources' },
-          { text: 'Components' },
-          { text: 'Integrations' }
-        ]
-      },
+      // { icon: 'mdi-pipe', text: 'Flows', link: '/flows' },
+      // {
+      //  icon: 'keyboard_arrow_up',
+      //  'icon-alt': 'keyboard_arrow_down',
+      //  text: 'Labels',
+      //  model: true,
+      //  children: [
+      //    { icon: 'add', text: 'Create label' }
+      //  ]
+      // },
+      // {
+      //  icon: 'keyboard_arrow_up',
+      //  'icon-alt': 'keyboard_arrow_down',
+      //  text: 'More',
+      //  model: false,
+      //  children: [
+      //    { text: 'Sources' },
+      //    { text: 'Components' },
+      //    { text: 'Integrations' }
+      //  ]
+      // },
       { icon: 'settings', text: 'Settings', link: '/settings' },
       { icon: 'chat_bubble', text: 'Send feedback', link: '/feedback' },
       { icon: 'help', text: 'Help', link: '/help' },

diff --git a/src/remote/edgeAPI.js b/src/remote/edgeAPI.js
@@ -15,8 +15,11 @@ async function getHostURL (address) {
       address = storedAddress
     }
     // console.debug(`address: ${address}`)
-    const hostURL = `http://${address}:${API_PORT}`
-    // console.debug(`hostURL: ${hostURL}`)
+    let hostURL = ''
+    if (address) {
+      hostURL = `http://${address}:${API_PORT}`
+      // console.debug(`hostURL: ${hostURL}`)
+    }
     return hostURL
   } catch (error) {
     console.log(`Error reading from settingsDB: ${error}`)

diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
@@ -86,8 +86,9 @@
                   >
                     <v-col cols="7">
                       <v-tooltip bottom>
-                        <template>
+                        <template v-slot:activator="{ on }">
                           <v-btn
+                            v-on="on"
                             fab
                             color="success lighten-2"
                             class="mx-2"
@@ -98,8 +99,9 @@
                         <span>Looks fine</span>
                       </v-tooltip>
                       <v-tooltip bottom>
-                        <template>
+                        <template v-slot:activator="{ on }">
                           <v-btn
+                            v-on="on"
                             color="error lighten-2"
                             fab
                             class="mx-2"
@@ -112,29 +114,32 @@
                     </v-col>
                     <v-col cols="1">
                       <v-tooltip bottom>
-                        <template>
+                        <template v-slot:activator="{ on }">
                           <v-btn
                             icon
+                            v-on="on"
                           >
                             <v-icon>mdi-heart</v-icon>
                           </v-btn>
                         </template>
                         <span>Save to Favorites</span>
                       </v-tooltip>
                       <v-tooltip bottom>
-                        <template>
+                        <template v-slot:activator="{ on }">
                           <v-btn
                             icon
+                            v-on="on"
                           >
                             <v-icon>mdi-pen</v-icon>
                           </v-btn>
                         </template>
                         <span>Edit event details</span>
                       </v-tooltip>
                       <v-tooltip bottom>
-                        <template>
+                        <template v-slot:activator="{ on }">
                           <v-btn
                             icon
+                            v-on="on"
                           >
                             <v-icon>mdi-share-variant</v-icon>
                           </v-btn>