FIX: If timeout is reached, reset wallet status label

This commit is contained in:
Marcos Rodriguez Velez 2024-08-25 14:50:04 -04:00
parent cb52737c25
commit 2a6de8536c
3 changed files with 49 additions and 26 deletions

View file

@ -128,6 +128,16 @@ export const StorageProvider = ({ children }: { children: React.ReactNode }) =>
const refreshAllWalletTransactions = useCallback(
async (lastSnappedTo?: number, showUpdateStatusIndicator: boolean = true) => {
const TIMEOUT_DURATION = 30000;
const timeoutPromise = new Promise<never>((_resolve, reject) =>
setTimeout(() => {
reject(new Error('refreshAllWalletTransactions: Timeout reached'));
}, TIMEOUT_DURATION),
);
const mainLogicPromise = new Promise<void>((resolve, reject) => {
try {
InteractionManager.runAfterInteractions(async () => {
let noErr = true;
try {
@ -150,15 +160,30 @@ export const StorageProvider = ({ children }: { children: React.ReactNode }) =>
} catch (err) {
noErr = false;
console.warn(err);
reject(err);
} finally {
setWalletTransactionUpdateStatus(WalletTransactionsStatus.NONE);
}
if (noErr) await saveToDisk(); // caching
resolve();
});
} catch (err) {
reject(err);
} finally {
setWalletTransactionUpdateStatus(WalletTransactionsStatus.NONE);
}
});
try {
await Promise.race([mainLogicPromise, timeoutPromise]);
} catch (err) {
console.error('Error in refreshAllWalletTransactions:', err);
} finally {
setWalletTransactionUpdateStatus(WalletTransactionsStatus.NONE);
}
},
[fetchWalletBalances, fetchWalletTransactions, saveToDisk],
);
const fetchAndSaveWalletTransactions = useCallback(
async (walletID: string) => {
InteractionManager.runAfterInteractions(async () => {

View file

@ -5,14 +5,13 @@ import loc from '../loc';
interface Props {
handleDismiss: () => void;
disabled?: boolean;
}
const WatchOnlyWarning: React.FC<Props> = ({ handleDismiss, disabled }) => {
const WatchOnlyWarning: React.FC<Props> = ({ handleDismiss }) => {
return (
<View style={styles.container}>
<View style={styles.content}>
<TouchableOpacity style={styles.dismissButton} onPress={handleDismiss} disabled={disabled}>
<TouchableOpacity style={styles.dismissButton} onPress={handleDismiss}>
<Icon name="close" color="white" size={20} />
</TouchableOpacity>
<Icon name="warning" color="#FFFF" />

View file

@ -416,7 +416,6 @@ const WalletTransactions: React.FC<WalletTransactionsProps> = ({ route }) => {
<View style={[styles.list, stylesHook.list]}>
{wallet?.type === WatchOnlyWallet.type && wallet.isWatchOnlyWarningVisible && (
<WatchOnlyWarning
disabled={isLoading}
handleDismiss={() => {
wallet.isWatchOnlyWarningVisible = false;
LayoutAnimation.configureNext(LayoutAnimation.Presets.linear);