feat(fileManager): allow passing custom formatDate with default fallback

Author: PaperMold

frontend/src/FileManager/FileList/FileItem.jsx

@@ -4,7 +4,6 @@ import { useFileIcons } from "../../hooks/useFileIcons";
 import CreateFolderAction from "../Actions/CreateFolder/CreateFolder.action";
 import RenameAction from "../Actions/Rename/Rename.action";
 import { getDataSize } from "../../utils/getDataSize";
-import { formatDate } from "../../utils/formatDate";
 import { useFileNavigation } from "../../contexts/FileNavigationContext";
 import { useSelection } from "../../contexts/SelectionContext";
 import { useClipBoard } from "../../contexts/ClipboardContext";
@@ -26,6 +25,7 @@ const FileItem = ({
   handleContextMenu,
   setLastSelectedFile,
   draggable,
+  formatDate,
 }) => {
   const [fileSelected, setFileSelected] = useState(false);
   const [lastClickTime, setLastClickTime] = useState(0);

frontend/src/FileManager/FileList/FileList.jsx

@@ -17,6 +17,7 @@ const FileList = ({
   enableFilePreview,
   triggerAction,
   permissions,
+  formatDate,
 }) => {
   const { currentPathFiles, sortConfig, setSortConfig } = useFileNavigation();
   const filesViewRef = useRef(null);
@@ -75,6 +76,7 @@ const FileList = ({
               setVisible={setVisible}
               setLastSelectedFile={setLastSelectedFile}
               draggable={permissions.move}
+              formatDate={formatDate}
             />
           ))}
         </>

frontend/src/FileManager/FileManager.jsx

@@ -16,6 +16,7 @@ import { dateStringValidator, urlValidator } from "../validators/propValidators"
 import { TranslationProvider } from "../contexts/TranslationProvider";
 import { useMemo, useState } from "react";
 import { defaultPermissions } from "../constants";
+import { formatDate as defaultFormatDate } from "../utils/formatDate";
 import "./FileManager.scss";
 
 const FileManager = ({
@@ -55,6 +56,7 @@ const FileManager = ({
   defaultNavExpanded = true,
   className = "",
   style = {},
+  formatDate = defaultFormatDate,
 }) => {
   const [isNavigationPaneOpen, setNavigationPaneOpen] = useState(defaultNavExpanded);
   const triggerAction = useTriggerAction();
@@ -131,6 +133,7 @@ const FileManager = ({
                         enableFilePreview={enableFilePreview}
                         triggerAction={triggerAction}
                         permissions={permissions}
+                        formatDate={formatDate}
                       />
                     </div>
                   </section>
@@ -217,6 +220,7 @@ FileManager.propTypes = {
   defaultNavExpanded: PropTypes.bool,
   className: PropTypes.string,
   style: PropTypes.object,
+  formatDate: PropTypes.func,
 };
 
 export default FileManager;