From 4fee0dc4ef75850d51556b6a2b406400ca884b97 Mon Sep 17 00:00:00 2001
From: Novembert <norbertbujny@gmail.com>
Date: Tue, 18 Jan 2022 19:48:10 +0100
Subject: [PATCH] finished cat testing

---
 components/InputFile.vue |  2 +-
 components/Result.vue    |  2 +-
 pages/check.vue          | 20 ++++++++------------
 store/axios.js           |  4 +---
 4 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/components/InputFile.vue b/components/InputFile.vue
index dbbd0a4..1dd3f7d 100644
--- a/components/InputFile.vue
+++ b/components/InputFile.vue
@@ -101,7 +101,7 @@ export default {
       }
     },
     onFileChange (event) {
-      this.getFileInfo(event.target.files[0])
+      if (event.target.files && event.target.files.length > 0) { this.getFileInfo(event.target.files[0]) }
     },
     // changeFile () {
     // document.getElementById(this.id).click()
diff --git a/components/Result.vue b/components/Result.vue
index 28ca18f..8ecd2de 100644
--- a/components/Result.vue
+++ b/components/Result.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="result" id="true">
     <fa :icon="['fas', 'check-circle']" />
-    CORRECTS, THAT'S A CAT
+    CORRECT, THAT'S A CAT
     <fa :icon="['fas', 'check-circle']" />
   </div>
   <div v-else id="false">
diff --git a/pages/check.vue b/pages/check.vue
index f62be07..3e730ae 100644
--- a/pages/check.vue
+++ b/pages/check.vue
@@ -30,23 +30,19 @@ export default {
     handlePhotoChange (value) {
       this.image = value
     },
-    async checkPhoto (photo) {
-      const formData = new FormData()
-      formData.append('image', photo.file)
-
-      const res = await this.$store.dispatch('axios/file', ['/image/check', formData])
-      return res
-    },
     clear () {
       this.image = null
       this.result = null
     },
-    getResult () {
+    async getResult () {
       this.loading = true
-      setTimeout(() => {
-        this.result = this.checkPhoto(this.image)
-        this.loading = false
-      }, 1500)
+
+      const formData = new FormData()
+      formData.append('image', this.image.file)
+
+      const res = await this.$store.dispatch('axios/file', ['/image/check', formData])
+      this.result = res.data.is_cat === '1'
+      this.loading = false
     }
   }
 }
diff --git a/store/axios.js b/store/axios.js
index cbe59c0..eb0665f 100644
--- a/store/axios.js
+++ b/store/axios.js
@@ -37,9 +37,7 @@ export const actions = {
   file: ({ commit, rootState, state, dispatch }, params) => {
     // eslint-disable-next-line
     return new Promise(async (resolve, reject) => {
-      const request = await axios.post(`${state.url}${params[0]}`, params[1]).catch((error) => {
-        dispatch('error', error.response)
-      })
+      const request = await axios.post(`${state.url}${params[0]}`, params[1])
 
       resolve(request)
     })