|
|
@ -17,6 +17,8 @@ interface ReminderState { |
|
|
lastShown: string; |
|
|
lastShown: string; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const TOAST_DELAY = 10000; |
|
|
|
|
|
|
|
|
export function useBackupReminder({ |
|
|
export function useBackupReminder({ |
|
|
suppressDays = 365, |
|
|
suppressDays = 365, |
|
|
message = "It's time to back up your key data. Would you like to do this now?", |
|
|
message = "It's time to back up your key data. Would you like to do this now?", |
|
|
@ -47,6 +49,7 @@ export function useBackupReminder({ |
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
useEffect(() => { |
|
|
if (!reminderState) { |
|
|
if (!reminderState) { |
|
|
|
|
|
setTimeout(() => { |
|
|
const { dismiss: dimissToast } = toast({ |
|
|
const { dismiss: dimissToast } = toast({ |
|
|
title: "Backup Reminder", |
|
|
title: "Backup Reminder", |
|
|
description: message, |
|
|
description: message, |
|
|
@ -76,6 +79,7 @@ export function useBackupReminder({ |
|
|
</div> |
|
|
</div> |
|
|
), |
|
|
), |
|
|
}); |
|
|
}); |
|
|
|
|
|
}, TOAST_DELAY); |
|
|
} |
|
|
} |
|
|
}, [reminderState]); |
|
|
}, [reminderState]); |
|
|
|
|
|
|
|
|
|