Tianyang_Gong/DocHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: debounce sidebar refresh on upload to avoid thousands of re-fetches

Browse Source
This commit is contained in:
Tianyang 2026-08-01 19:39:39 +08:00
parent 7386b215e2
commit 6c3ac6cb9c
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/App.tsx
View File

@ -1,4 +1,4 @@
import { useState } from 'react'; import { useRef, useState } from 'react';
import FileExplorer from './components/FileExplorer'; import FileExplorer from './components/FileExplorer';
import DocumentEditor from './components/DocumentEditor'; import DocumentEditor from './components/DocumentEditor';
import SearchBar from './components/SearchBar'; import SearchBar from './components/SearchBar';
@ -15,6 +15,12 @@ export default function App() {
const [isDirty, setIsDirty] = useState(false); const [isDirty, setIsDirty] = useState(false);
const [refreshKey, setRefreshKey] = useState(0); const [refreshKey, setRefreshKey] = useState(0);
const [uploadPath] = useState(''); const [uploadPath] = useState('');
const refreshTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
function scheduleRefresh() {
if (refreshTimer.current) clearTimeout(refreshTimer.current);
refreshTimer.current = setTimeout(() => setRefreshKey((k) => k + 1), 400);
}
function confirmDiscardIfDirty(): boolean { function confirmDiscardIfDirty(): boolean {
if (!isDirty) { if (!isDirty) {
@ -52,7 +58,7 @@ export default function App() {
function handleUploaded(result: UploadDocumentResponse) { function handleUploaded(result: UploadDocumentResponse) {
setSelectedKey(result.key); setSelectedKey(result.key);
setRefreshKey((prev) => prev + 1); scheduleRefresh();
} }
function handleDeleted() { function handleDeleted() {