fix broken upload button on migrations

frontend/src/api/upload.js

@@ -3,6 +3,8 @@ import { apiReq } from "./api-utils";
 export const utilsAPI = {
   // import { api } from "@/api";
   async uploadFile(url, fileObject) {
+    console.log("API Called");
+
     let response = await apiReq.post(url, fileObject, {
       headers: {
         "Content-Type": "multipart/form-data",

frontend/src/components/Admin/Migration/MigrationCard.vue

@@ -10,6 +10,7 @@
           :url="`/api/migrations/${folder}/upload`"
           fileName="archive"
           @uploaded="$emit('refresh')"
+          :post="true"
         />
       </span>
     </v-card-title>

frontend/src/components/Recipe/RecipeEditor/ImageUploadBtn.vue

@@ -17,6 +17,7 @@
             file-name="image"
             :text-btn="false"
             @uploaded="uploadImage"
+            :post="false"
           />
         </v-card-title>
         <v-card-text class="mt-n5">

frontend/src/components/UI/UploadBtn.vue

@@ -46,11 +46,12 @@ export default {
       if (this.file != null) {
         this.isSelecting = true;
 
-        if (this.post) {
+        if (!this.post) {
           this.$emit(UPLOAD_EVENT, this.file);
           this.isSelecting = false;
           return;
         }
+
         let formData = new FormData();
         formData.append(this.fileName, this.file);