Don't re-render entire file list when opening modals

Author: DaneEveritt

resources/scripts/components/server/files/FileManagerContainer.tsx

@@ -27,6 +27,7 @@ export default () => {
     const id = ServerContext.useStoreState(state => state.server.data!.id);
     const { hash } = useLocation();
     const { data: files, error, mutate } = useFileManagerSwr();
+    const directory = ServerContext.useStoreState(state => state.files.directory);
     const clearFlashes = useStoreActions(actions => actions.flashes.clearFlashes);
     const setDirectory = ServerContext.useStoreActions(actions => actions.files.setDirectory);
     const setSelectedFiles = ServerContext.useStoreActions(actions => actions.files.setSelectedFiles);
@@ -37,6 +38,10 @@ export default () => {
         setDirectory(hash.length > 0 ? hash : '/');
     }, [ hash ]);
 
+    useEffect(() => {
+        mutate();
+    }, [ directory ]);
+
     if (error) {
         return (
             <ServerError message={httpErrorToHuman(error)} onRetry={() => mutate()}/>

resources/scripts/plugins/useFileManagerSwr.ts

@@ -11,7 +11,8 @@ export default () => {
         `${uuid}:files:${directory}`,
         () => loadDirectory(uuid, cleanDirectoryPath(directory)),
         {
-            revalidateOnMount: true,
+            focusThrottleInterval: 30000,
+            revalidateOnMount: false,
             refreshInterval: 0,
         },
     );