src/App.css

@@ -63,10 +63,6 @@ body {
   background-color: #0056b3;
 }
 
-.PlaceholderItem {
-  animation: loading 1.5s infinite;
-}
-
 .PlaceholderItem > button,
 .ParentDirectoryItem > button {
 	background-color: #4D4F5D;
@@ -77,15 +73,6 @@ body {
 }
 
 .PlaceholderItem > button {
-  height: calc(18px + 10px * 2);
+  height: calc(16px + 10px * 2);
-  min-width: 4em;
+  width: 6em;
-}
-
-@keyframes loading {
-  0%, 100% {
-    filter: brightness(80%);
-  }
-  50% {
-    filter: brightness(100%);
-  }
 }

src/Gallery/index.tsx

@@ -68,9 +68,7 @@ function Contents(
       };
 
       if (item.is_dir) {
-        itemProps.onClick = item.isPlaceholder
+        itemProps.onClick = () => {
-          ? () => {}
-          : () => {
           const subCategory = getFileName(itemProps.url);
 
           if (category !== '') category = `${category}/${subCategory}`;
@@ -139,14 +137,6 @@ 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,
@@ -165,7 +155,6 @@ function getPlaceholderData(): galleryItemInfo[] {
   };
 
   return [
-    backDir(),
     placeholderDir(),
     placeholderDir(),
     placeholderImg(),