From 8e2d686386e4fa3d8bf012561f3c34b1d999d9e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Pe=C3=B1a?= <devilcius@gmail.com>
Date: Wed, 16 Mar 2022 12:17:48 +0000
Subject: [PATCH] Fix Upload Form Vue Errors

---
 changes/changelog.d/1738.bugfix             | 1 +
 front/src/components/library/FileUpload.vue | 9 +++++++--
 front/src/components/library/FsBrowser.vue  | 2 +-
 front/src/views/library/Upload.vue          | 4 ++--
 4 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 changes/changelog.d/1738.bugfix

diff --git a/changes/changelog.d/1738.bugfix b/changes/changelog.d/1738.bugfix
new file mode 100644
index 000000000..ab3417101
--- /dev/null
+++ b/changes/changelog.d/1738.bugfix
@@ -0,0 +1 @@
+Fixed upload form VUE erros (#1738) (1738)
diff --git a/front/src/components/library/FileUpload.vue b/front/src/components/library/FileUpload.vue
index efcf2fab5..bed31c9e0 100644
--- a/front/src/components/library/FileUpload.vue
+++ b/front/src/components/library/FileUpload.vue
@@ -332,7 +332,12 @@ export default {
   },
   data () {
     const importReference = this.defaultImportReference || moment().format()
-    this.$router.replace({ query: { import: importReference } })
+    // Since $router.replace is pushing the same route, it raises NavigationDuplicated
+    this.$router.replace({ query: { import: importReference } }).catch((error) => {
+      if (error.name !== 'NavigationDuplicated') {
+        throw error
+      }
+    })
     return {
       files: [],
       needsRefresh: false,
@@ -349,7 +354,7 @@ export default {
         objects: {}
       },
       processTimestamp: new Date(),
-      fsStatus: null,
+      fsStatus: {},
       fsPath: [],
       isLoadingFs: false,
       fsInterval: null,
diff --git a/front/src/components/library/FsBrowser.vue b/front/src/components/library/FsBrowser.vue
index fced6bef6..d97b01e5d 100644
--- a/front/src/components/library/FsBrowser.vue
+++ b/front/src/components/library/FsBrowser.vue
@@ -54,7 +54,7 @@ export default {
   props: {
     data: { type: Object, required: true },
     loading: { type: Boolean, required: true },
-    value: { type: String, required: true }
+    value: { type: Array, required: true }
   },
   methods: {
     handleClick (element) {
diff --git a/front/src/views/library/Upload.vue b/front/src/views/library/Upload.vue
index 08813503a..e789ee090 100644
--- a/front/src/views/library/Upload.vue
+++ b/front/src/views/library/Upload.vue
@@ -31,8 +31,8 @@ export default {
     }
   },
   props: {
-    object: { type: String, required: true },
-    defaultImportReference: { type: String, required: true }
+    object: { type: Object, required: true },
+    defaultImportReference: { type: String, default: '' }
   }
 }
 </script>