From d11525732d356589264860259853ab3f1e725a62 Mon Sep 17 00:00:00 2001
From: LordMathis <matus@namesny.com>
Date: Tue, 12 Nov 2024 20:15:12 +0100
Subject: [PATCH] Filter hidden files on frontend

---
 frontend/src/components/files/FileTree.jsx | 9 ++++++++-
 frontend/src/components/layout/Sidebar.jsx | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/files/FileTree.jsx b/frontend/src/components/files/FileTree.jsx
index ae2e3ac..280ce31 100644
--- a/frontend/src/components/files/FileTree.jsx
+++ b/frontend/src/components/files/FileTree.jsx
@@ -65,10 +65,17 @@ const Node = ({ node, style, dragHandle }) => {
   );
 };
 
-const FileTree = ({ files, handleFileSelect }) => {
+const FileTree = ({ files, handleFileSelect, showHiddenFiles }) => {
   const target = useRef(null);
   const size = useSize(target);
 
+  files = files.filter((file) => {
+    if (file.name.startsWith('.') && !showHiddenFiles) {
+      return false;
+    }
+    return true;
+  });
+
   return (
     <div
       ref={target}
diff --git a/frontend/src/components/layout/Sidebar.jsx b/frontend/src/components/layout/Sidebar.jsx
index c6e96fc..4de51fa 100644
--- a/frontend/src/components/layout/Sidebar.jsx
+++ b/frontend/src/components/layout/Sidebar.jsx
@@ -28,7 +28,7 @@ const Sidebar = ({ selectedFile, handleFileSelect, files, loadFileList }) => {
       <FileTree
         files={files}
         handleFileSelect={handleFileSelect}
-        selectedFile={selectedFile}
+        showHiddenFiles={settings.showHiddenFiles}
       />
     </Box>
   );