print a message on /, when no block is finded

aitorjs · Jun 10, 2020 · a7d6c47 · a7d6c47
1 parent fd6ad62
commit a7d6c47
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 6 deletions.
diff --git a/front/bitcoind-zmq/package-lock.json b/front/bitcoind-zmq/package-lock.json
diff --git a/front/bitcoind-zmq/package.json b/front/bitcoind-zmq/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@smartweb/vue-flash-message": "^0.6.4",
     "apollo-cache-inmemory": "^1.6.5",
     "apollo-client": "^2.6.8",
     "apollo-link-http": "^1.5.16",

diff --git a/front/bitcoind-zmq/src/App.vue b/front/bitcoind-zmq/src/App.vue
@@ -29,8 +29,8 @@
         </v-flex>
       </v-layout>
     </v-navigation-drawer>
-
     <v-content style="margin: 0 50px 0 50px;">
+      <FlashMessage></FlashMessage>
       <router-view />
     </v-content>
   </v-app>
@@ -46,3 +46,18 @@ export default {
   }
 };
 </script>
+<style>
+._vue-flash-msg-body__icon {
+  background-color: #f56969 !important;
+}
+._vue-flash-msg-body__icon img {
+  width: 40% !important;
+}
+._vue-flash-msg-body._vue-flash-msg-body_error ._vue-flash-msg-body__content {
+  border-left: none !important;
+}
+._vue-flash-msg-body {
+  z-index: 9;
+  border-radius: 0;
+}
+</style>
diff --git a/front/bitcoind-zmq/src/main.js b/front/bitcoind-zmq/src/main.js
@@ -9,8 +9,10 @@ import ApolloClient from 'apollo-client'
 import { WebSocketLink } from 'apollo-link-ws'
 import { InMemoryCache } from 'apollo-cache-inmemory'
 import vuetify from './plugins/vuetify';
+import FlashMessage from '@smartweb/vue-flash-message';
 
 Vue.use(VueApollo)
+Vue.use(FlashMessage, {time: 3000});
 
 Vue.config.productionTip = false
 
@@ -39,6 +41,8 @@ const client = new ApolloClient({
   })
 })
 
+// Vue.prototype.$errors = [];
+
 const apolloProvider = new VueApollo({
   defaultClient: client
 })

diff --git a/front/bitcoind-zmq/src/views/Block-details.vue b/front/bitcoind-zmq/src/views/Block-details.vue
@@ -331,12 +331,22 @@ export default {
       },
       update: data => data.getblock,
       result({ data }) {
-        if (data.getblock === undefined) {
-          this.$router.push("/");
-        }
+        /*         if (data.getblock === undefined) {
+          // this.flashMessage.setStrategy("single");
+        } */
+        console.log("data from graphql", data);
       },
-      error(error) {
-        this.error = JSON.stringify(error.message);
+      error() {
+        /*       console.log("ERROR making query", error.message);
+        this.errors = JSON.stringify(error.message); */
+        this.flashMessage.error({
+          // status: "error",
+          title: "Block not found",
+          message: "Not yet in this bitcoin node",
+          position: "bottom right",
+          icon: "/error.svg"
+        });
+        this.$router.push("/");
       }
     }
   },