41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { useState, useEffect, useCallback } from 'react';
|
|
import { createMMKV } from 'react-native-mmkv';
|
|
import { fileStore } from '../services/fileStore';
|
|
|
|
const syncStateStorage = createMMKV({ id: 'vaultdrop-sync-state' });
|
|
|
|
export function getIsSyncing(): boolean {
|
|
return syncStateStorage.getString('is_syncing') === 'true';
|
|
}
|
|
|
|
export function setIsSyncing(value: boolean) {
|
|
syncStateStorage.set('is_syncing', value ? 'true' : 'false');
|
|
}
|
|
|
|
export function useSyncQueue() {
|
|
const [pendingCount, setPendingCount] = useState(0);
|
|
const [isSyncing, setIsSyncingState] = useState(() => getIsSyncing());
|
|
|
|
const refresh = useCallback(() => {
|
|
const registry = fileStore.getAllLocal();
|
|
let count = 0;
|
|
|
|
for (const entry of registry) {
|
|
if (entry.backendId || !entry.localUri) continue;
|
|
if (entry.syncStatus !== 'local' && entry.syncStatus !== 'error') continue;
|
|
count++;
|
|
}
|
|
|
|
setPendingCount(count);
|
|
setIsSyncingState(getIsSyncing());
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
refresh();
|
|
const interval = setInterval(refresh, 5000);
|
|
return () => clearInterval(interval);
|
|
}, [refresh]);
|
|
|
|
return { pendingCount, isSyncing, refresh };
|
|
}
|