Use pqueue to run only one promise

apps/files/src/mixins.js

@@ -3,6 +3,7 @@ import moment from 'moment'
 import FileUpload from './FileUpload.js'
 import fileTypeIconMappings from './fileTypeIconMappings.json'
 import { mapActions, mapGetters } from 'vuex'
+const { default: PQueue } = require('p-queue')
 
 export default {
   filters: {
@@ -27,7 +28,8 @@ export default {
     changeFileName: false,
     fileToBeDeleted: '',
     newName: '',
-    originalName: null
+    originalName: null,
+    queue: new PQueue({ concurrency: 1 })
   }),
   computed: {
     ...mapGetters('Files', ['searchTerm', 'inProgress', 'files', 'selectedFiles', 'highlightedFile', 'activeFiles']),
@@ -328,11 +330,15 @@ export default {
         const createFolderPromises = []
         const rootDir = directoriesToCreate[0]
         for (const directory of directoriesToCreate) {
+          let p
+
           if (this.publicPage()) {
-            createFolderPromises.push(this.$client.publicFiles.createFolder(this.rootPath + directory))
+            p = this.queue.add(() => this.$client.publicFiles.createFolder(this.rootPath + directory))
           } else {
-            createFolderPromises.push(this.$client.files.createFolder(this.rootPath + directory))
+            p = this.queue.add(() => this.$client.files.createFolder(this.rootPath + directory))
           }
+
+          createFolderPromises.push(p)
         }
         // Upload files
         const uploadPromises = []