From d346be5b7dab19ed437b798d579b4fd91ad679b9 Mon Sep 17 00:00:00 2001
From: Saifullah-dev <saifullah.contact@gmail.com>
Date: Wed, 19 Feb 2025 01:07:39 +0500
Subject: [PATCH] fix(onFileOpen Callback): Add onFileOpen Callback for
 Navigation Pane folder open event

---
 frontend/src/FileManager/FileManager.jsx                   | 2 +-
 frontend/src/FileManager/NavigationPane/FolderTree.jsx     | 5 +++--
 frontend/src/FileManager/NavigationPane/NavigationPane.jsx | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/FileManager/FileManager.jsx b/frontend/src/FileManager/FileManager.jsx
index ddb7660..1fca34e 100644
--- a/frontend/src/FileManager/FileManager.jsx
+++ b/frontend/src/FileManager/FileManager.jsx
@@ -77,7 +77,7 @@ const FileManager = ({
                   className="files-container"
                 >
                   <div className="navigation-pane" style={{ width: colSizes.col1 + "%" }}>
-                    <NavigationPane />
+                    <NavigationPane onFileOpen={onFileOpen} />
                     <div
                       className={`sidebar-resize ${isDragging ? "sidebar-dragging" : ""}`}
                       onMouseDown={handleMouseDown}
diff --git a/frontend/src/FileManager/NavigationPane/FolderTree.jsx b/frontend/src/FileManager/NavigationPane/FolderTree.jsx
index 880d1f9..fa9313e 100644
--- a/frontend/src/FileManager/NavigationPane/FolderTree.jsx
+++ b/frontend/src/FileManager/NavigationPane/FolderTree.jsx
@@ -4,13 +4,14 @@ import { FaRegFolder, FaRegFolderOpen } from "react-icons/fa";
 import { MdKeyboardArrowRight } from "react-icons/md";
 import { useFileNavigation } from "../../contexts/FileNavigationContext";
 
-const FolderTree = ({ folder }) => {
+const FolderTree = ({ folder, onFileOpen }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isActive, setIsActive] = useState(false);
   const { currentPath, setCurrentPath } = useFileNavigation();
 
   const handleFolderSwitch = () => {
     setIsActive(true);
+    onFileOpen(folder);
     setCurrentPath(folder.path);
   };
 
@@ -61,7 +62,7 @@ const FolderTree = ({ folder }) => {
         <Collapse open={isOpen}>
           <div className="folder-collapsible">
             {folder.subDirectories.map((item, index) => (
-              <FolderTree key={index} folder={item} />
+              <FolderTree key={index} folder={item} onFileOpen={onFileOpen} />
             ))}
           </div>
         </Collapse>
diff --git a/frontend/src/FileManager/NavigationPane/NavigationPane.jsx b/frontend/src/FileManager/NavigationPane/NavigationPane.jsx
index 129c650..be7d2bf 100644
--- a/frontend/src/FileManager/NavigationPane/NavigationPane.jsx
+++ b/frontend/src/FileManager/NavigationPane/NavigationPane.jsx
@@ -4,7 +4,7 @@ import { getParentPath } from "../../utils/getParentPath";
 import { useFiles } from "../../contexts/FilesContext";
 import "./NavigationPane.scss";
 
-const NavigationPane = () => {
+const NavigationPane = ({ onFileOpen }) => {
   const [foldersTree, setFoldersTree] = useState([]);
   const { files } = useFiles();
 
@@ -36,7 +36,7 @@ const NavigationPane = () => {
       {foldersTree?.length > 0 ? (
         <>
           {foldersTree?.map((folder, index) => {
-            return <FolderTree key={index} folder={folder} />;
+            return <FolderTree key={index} folder={folder} onFileOpen={onFileOpen} />;
           })}
         </>
       ) : (