fix: The full file path is not visible when Contract Files are upload…

…ed (#735) Co-authored-by: Michele Franchi <michele.franchi933@gmail.com>
aeternity · Apr 24, 2024 · 3e08d3b · 3e08d3b
1 parent ab51619
commit 3e08d3b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/components/ContractFileList.vue b/src/components/ContractFileList.vue
@@ -5,7 +5,7 @@
       :key="index"
       class="contract-file-list__item">
       <span @click="selectEntryFile(file, index)">
-        {{ file.webkitRelativePath || file.name }}
+        {{ file.webkitRelativePath }}
         <app-chip
           v-if="index === entryFile.index"
           class="contract-file-list__chip"

diff --git a/src/components/ContractsFileUpload.vue b/src/components/ContractsFileUpload.vue
@@ -103,7 +103,7 @@ function drop(event) {
 }
 
 function selectEntryFile(file, index) {
-  const name = file.webkitRelativePath || file.name
+  const name = file.webkitRelativePath
   entryFile.value = { index, name }
   emit('update:entry-file', name)
 }
@@ -133,6 +133,10 @@ function getFileEntry(entry, files) {
 function getSingleFile(fileEntry, files) {
   return new Promise(resolve => {
     fileEntry.file(file => {
+      // chrome workaround to manually set webkitRelativePath
+      Object.defineProperty(file, 'webkitRelativePath', {
+        value: fileEntry.fullPath.substring(1),
+      })
       files.push(file)
       selectedFiles.value.push(file)
       resolve(file)

diff --git a/src/stores/contractVerification.js b/src/stores/contractVerification.js
@@ -24,7 +24,7 @@ export const useContractVerificationStore = defineStore('useContractVerification
     form.append('entryFile', entryFile)
 
     Array.from(sourceFiles).forEach(file => {
-      form.append('sourceFiles', file)
+      form.append('sourceFiles', file, file.webkitRelativePath)
     })
 
     const data = await axios.post(`${CONTRACT_VERIFICATION_SERVICE_URL}/contracts/${contractId}`, form).catch(error => {