moved logic of creating empty file

explorer.js

@@ -932,7 +932,12 @@ function AddFolderController($scope, SharedService) {
         DEBUG.log('Calculated folder:', folder);
 
         const s3 = new AWS.S3(AWS.config);
-        const params = { Bucket: $scope.add_folder.bucket, Key: folder };
+        // we need to attach a '.empty' file as the request is attempting to create a directory,
+        // so that the new folder is able to be displayed.
+        const emptyFile = new File([''], '.empty', { type: 'text/plain' });
+        const params = {
+            Body: emptyFile, Bucket, Key: folder + ".empty", ContentType: emptyFile.type,
+        };
 
         DEBUG.log('Invoke headObject:', params);
 

sw_modify_header.js

@@ -42,21 +42,6 @@ self.addEventListener('fetch', (e) => {
         });
         e.respondWith(fetch(req));
     }
-    // If there is a PUT request where the url ends with '/', then we need to attach
-    // a '.empty' file as the request is attempting to create a directory.
-    else if (e.request.url.endsWith('/')) {
-        const emptyFile = new File([''], '.empty', { type: 'text/plain' });
-        const modifiedUrl = e.request.url + ".empty"
-        const req = new Request(modifiedUrl, {
-            headers,
-            body: emptyFile,
-            method: e.request.method,
-            mode: e.request.mode,
-            credentials: e.request.credentials,
-            redirect: e.request.redirect
-        });
-        e.respondWith(fetch(req));
-    }
     else {
         // At this point, the user is trying to upload a file as either a single-part upload or
         // a multi-part upload.