Update placeholder data and make placeholder dir callbacks empty

src/Gallery/index.tsx

@@ -68,16 +68,18 @@ function Contents(
       };
 
       if (item.is_dir) {
-        itemProps.onClick = () => {
+        itemProps.onClick = item.isPlaceholder
-          const subCategory = getFileName(itemProps.url);
+          ? () => {}
+          : () => {
+              const subCategory = getFileName(itemProps.url);
 
-          if (category !== '') category = `${category}/${subCategory}`;
+              if (category !== '') category = `${category}/${subCategory}`;
-          else category = subCategory;
+              else category = subCategory;
-          if (subCategory === '..')
+              if (subCategory === '..')
-            category = category.split('/').slice(0, -2).join('/');
+                category = category.split('/').slice(0, -2).join('/');
 
-          setCategory(category);
+              setCategory(category);
-        };
+            };
         return <DirectoryItem {...itemProps} />;
       }
       if (itemProps.url.endsWith('.mp4')) {
@@ -137,6 +139,14 @@ function getFileName(string: string): string {
 }
 
 function getPlaceholderData(): galleryItemInfo[] {
+  const backDir = (): galleryItemInfo => {
+    return {
+      is_dir: true,
+      url: '..',
+      thumbnail_url: '',
+      isPlaceholder: true,
+    };
+  };
   const placeholderDir = (): galleryItemInfo => {
     return {
       is_dir: true,
@@ -155,6 +165,7 @@ function getPlaceholderData(): galleryItemInfo[] {
   };
 
   return [
+    backDir(),
     placeholderDir(),
     placeholderDir(),
     placeholderImg(),