Fix error message handling

waylaidwanderer · Dec 29, 2019 · 8087684 · 8087684
1 parent 29d4a8f
commit 8087684
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
@@ -23,8 +23,8 @@
         <button @click="download">Download</button>
       </div>
     </div>
-    <div style="text-align: center;">
-
+    <div style="text-align: center;" v-show="error">
+      <p style="color: darkred;">{{ error }}</p>
     </div>
     <div v-show="Object.values(stories).length > 0">
       <h3>Downloaded Stories</h3>
@@ -58,6 +58,7 @@ export default {
       storyUrl: '',
       format: 'epub',
       email: '',
+      error: '',
     };
   },
   computed: {
@@ -69,6 +70,12 @@ export default {
     complete({ url }) {
       window.location.href = url;
     },
+    err({ msg }) {
+      this.error = msg;
+      setTimeout(() => {
+        this.error = '';
+      }, 10 * 1000);
+    },
   },
   methods: {
     download() {

diff --git a/server/index.js b/server/index.js
@@ -43,7 +43,7 @@ server.on('connection', (socket) => {
     };
     const onError = (data) => {
         data = JSON.parse(data);
-        socket.emit('error', data);
+        socket.emit('err', data);
     };
     const onComplete = (data) => {
         data = JSON.parse(data);