mirror/web
1
0
Fork 0
mirror of https://github.com/meshtastic/web.git synced 2026-04-21 14:30:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: added delay to toast appearing to avoid conflicting with messages/node loading.

Browse Source
This commit is contained in:
Dan Ditomaso
2025-01-06 16:00:13 -05:00
parent 7cd03c6a52
commit cbabcd4782
1 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/core/hooks/useKeyBackupReminder.tsx
View File

@@ -17,6 +17,8 @@ interface ReminderState {
lastShown: string;
}
const TOAST_DELAY = 10000;
export function useBackupReminder({
suppressDays = 365,
message = "It's time to back up your key data. Would you like to do this now?",
@@ -47,35 +49,37 @@ export function useBackupReminder({
useEffect(() => {
if (!reminderState) {
const { dismiss: dimissToast } = toast({
title: "Backup Reminder",
description: message,
action: (
<div className="flex gap-2">
<Button
type="button"
variant={"default"}
onClick={async () => {
await onAccept();
dimissToast()
suppressReminder();
}}
>
Back up now
</Button>
<Button
type="button"
variant={"outline"}
onClick={() => {
dimissToast();
suppressReminder();
}}
>
Remind me later
</Button>
</div>
),
});
setTimeout(() => {
const { dismiss: dimissToast } = toast({
title: "Backup Reminder",
description: message,
action: (
<div className="flex gap-2">
<Button
type="button"
variant={"default"}
onClick={async () => {
await onAccept();
dimissToast()
suppressReminder();
}}
>
Back up now
</Button>
<Button
type="button"
variant={"outline"}
onClick={() => {
dimissToast();
suppressReminder();
}}
>
Remind me later
</Button>
</div>
),
});
}, TOAST_DELAY);
}
}, [reminderState]);