revert setFiles throttling
This commit is contained in:
parent
7d613be92c
commit
1199fd02ee
|
@ -88,7 +88,7 @@ import FixCreationTime, {
|
|||
} from 'components/FixCreationTime';
|
||||
import { Collection, CollectionSummaries } from 'types/collection';
|
||||
import { EnteFile } from 'types/file';
|
||||
import { GalleryContextType, SelectedState, SetFiles } from 'types/gallery';
|
||||
import { GalleryContextType, SelectedState } from 'types/gallery';
|
||||
import { VISIBILITY_STATE } from 'types/magicMetadata';
|
||||
import Collections from 'components/Collections';
|
||||
import { GalleryNavbar } from 'components/pages/gallery/Navbar';
|
||||
|
@ -125,54 +125,11 @@ export const GalleryContext = createContext<GalleryContextType>(
|
|||
defaultGalleryContext
|
||||
);
|
||||
|
||||
type FilesFn = EnteFile[] | ((files: EnteFile[]) => EnteFile[]);
|
||||
|
||||
export default function Gallery() {
|
||||
const router = useRouter();
|
||||
const [user, setUser] = useState(null);
|
||||
const [collections, setCollections] = useState<Collection[]>(null);
|
||||
const [files, setFilesOriginal] = useState<EnteFile[]>(null);
|
||||
|
||||
const filesUpdateInProgress = useRef(false);
|
||||
const filesCount = useRef(0);
|
||||
const newerFilesFN = useRef<FilesFn>(null);
|
||||
|
||||
const setFilesOriginalWithReSyncIfRequired: SetFiles = (filesFn) => {
|
||||
setFilesOriginal((currentFiles) => {
|
||||
let newFiles: EnteFile[];
|
||||
if (typeof filesFn === 'function') {
|
||||
newFiles = filesFn(currentFiles);
|
||||
} else {
|
||||
newFiles = filesFn;
|
||||
}
|
||||
filesCount.current = newFiles?.length;
|
||||
return newFiles;
|
||||
});
|
||||
filesUpdateInProgress.current = false;
|
||||
if (newerFilesFN.current) {
|
||||
const newerFiles = newerFilesFN.current;
|
||||
setTimeout(() => setFiles(newerFiles), 0);
|
||||
newerFilesFN.current = null;
|
||||
}
|
||||
};
|
||||
|
||||
const setFiles: SetFiles = async (filesFn) => {
|
||||
if (filesUpdateInProgress.current) {
|
||||
newerFilesFN.current = filesFn;
|
||||
return;
|
||||
}
|
||||
filesUpdateInProgress.current = true;
|
||||
|
||||
if (!filesCount.current || filesCount.current < 5000) {
|
||||
setFilesOriginalWithReSyncIfRequired(filesFn);
|
||||
} else {
|
||||
const waitTime = getData(LS_KEYS.WAIT_TIME) ?? 5000;
|
||||
setTimeout(
|
||||
() => setFilesOriginalWithReSyncIfRequired(filesFn),
|
||||
waitTime
|
||||
);
|
||||
}
|
||||
};
|
||||
const [files, setFiles] = useState<EnteFile[]>(null);
|
||||
|
||||
const [favItemIds, setFavItemIds] = useState<Set<number>>();
|
||||
|
||||
|
|
Loading…
Reference in a new issue