From dae708c7651ac26d1c6b930fab8a277b30008179 Mon Sep 17 00:00:00 2001
From: Sheldon Lee <sheldon@sheldonlee.com>
Date: Sat, 25 Nov 2023 17:32:23 +0800
Subject: [PATCH] Update placeholder data and make placeholder dir callbacks
 empty

---
 src/Gallery/index.tsx | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/Gallery/index.tsx b/src/Gallery/index.tsx
index 78c71b3..5f297db 100644
--- a/src/Gallery/index.tsx
+++ b/src/Gallery/index.tsx
@@ -68,16 +68,18 @@ function Contents(
       };
 
       if (item.is_dir) {
-        itemProps.onClick = () => {
-          const subCategory = getFileName(itemProps.url);
+        itemProps.onClick = item.isPlaceholder
+          ? () => {}
+          : () => {
+              const subCategory = getFileName(itemProps.url);
 
-          if (category !== '') category = `${category}/${subCategory}`;
-          else category = subCategory;
-          if (subCategory === '..')
-            category = category.split('/').slice(0, -2).join('/');
+              if (category !== '') category = `${category}/${subCategory}`;
+              else category = subCategory;
+              if (subCategory === '..')
+                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(),