handle "upper level" on file browser

frontend/src/Archive.tsx

@@ -60,10 +60,18 @@ export default function Downloaded() {
       ? sub.substring(1).split('/')
       : sub.split('/')
 
-    const relpath = folders.length > 2
+    const relpath = folders.length >= 2
       ? folders.slice(-(folders.length - 1)).join('/')
       : folders.pop()
 
+
+    const _upperLevel = sub.split('/').slice(1, -1)
+    const upperLevel = _upperLevel.length === 2
+      ? ['.', ..._upperLevel].join('/')
+      : _upperLevel.join('/')
+
+    console.log('sub:', sub, 'upper:', upperLevel)
+
     fetch(`${serverAddr}/downloaded`, {
       method: 'POST',
       headers: {
@@ -73,11 +81,14 @@ export default function Downloaded() {
     })
       .then(res => res.json())
       .then(data => {
-        files$.next([{
+        files$.next(sub
-          isDirectory: true,
+          ? [{
             name: '..',
-          path: '',
+            isDirectory: true,
-        }, ...data])
+            path: upperLevel,
+          }, ...data]
+          : data
+        )
       })
   }