Hide system files

components/system/Files/FileEntry/functions.ts

@@ -7,6 +7,7 @@ import {
   IMAGE_FILE_EXTENSIONS,
   MP3_MIME_TYPE,
   SHORTCUT_EXTENSION,
+  SYSTEM_FILES,
 } from "utils/constants";
 import { bufferToUrl } from "utils/functions";
 
@@ -98,3 +99,8 @@ export const getInfoWithExtension = (
     getInfoByFileExtension();
   }
 };
+
+export const filterSystemFiles =
+  (directory: string) =>
+  (file: string): boolean =>
+    !SYSTEM_FILES.has(`${directory}${file}`);

components/system/Files/FileManager/useFiles.ts

@@ -1,3 +1,4 @@
+import { filterSystemFiles } from "components/system/Files/FileEntry/functions";
 import { useFileSystem } from "contexts/fileSystem";
 import { basename } from "path";
 import { useCallback, useEffect, useState } from "react";
@@ -24,7 +25,9 @@ const useFiles = (directory: string): Files => {
     (appendFile = "") =>
       fs?.readdir(directory, (_error, contents = []) =>
         setFiles((currentFiles) =>
-          appendFile ? [...currentFiles, basename(appendFile)] : contents
+          appendFile
+            ? [...currentFiles, basename(appendFile)]
+            : contents.filter(filterSystemFiles(directory))
         )
       ),
     [directory, fs]

utils/constants.ts

@@ -43,6 +43,8 @@ export const PROCESS_DELIMITER = "__";
 
 export const SHORTCUT_EXTENSION = ".url";
 
+export const SYSTEM_FILES = new Set(["/.deletedFiles.log"]);
+
 export const TRANSITIONS_IN_MILLISECONDS = {
   DOUBLE_CLICK: 500,
   START_MENU: 400,