bytelyst/learning_ai_clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): accept snooze suggestion to auto-adjust timer timing

Browse Source 
- Accept button on snooze suggestions shifts matching active timers
- Applies suggestedDelayMinutes to targetTime of pattern-matched timers
- Dismiss still available alongside Accept
This commit is contained in:
saravanakumardb1 2026-02-28 13:53:06 -08:00
parent ad4bc946a8
commit 6e339c6cf0
1 changed files with 36 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
web/src/components/Dashboard.tsx
View File

@ -312,13 +312,42 @@ export function Dashboard() {
{suggestion.message}
</p>
</div>
<button
onClick={() => setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]))}
className="ml-3 text-xs px-2 py-1 rounded-lg cursor-pointer shrink-0"
style={{ backgroundColor: 'var(--cm-surface-muted)', color: 'var(--cm-text-tertiary)' }}
>
Dismiss
</button>
<div className="ml-3 flex gap-1.5 shrink-0">
<button
onClick={() => {
// Apply suggestion: shift matching active timers by suggested delay
const delayMs = suggestion.suggestedDelayMinutes * 60_000;
const normalized = suggestion.labelPattern;
const { timers } = useTimerStore.getState();
timers.forEach((t) => {
if (
['active', 'warning'].includes(t.state) &&
t.label.toLowerCase().trim().includes(normalized)
) {
useTimerStore.setState((s) => ({
timers: s.timers.map((timer) =>
timer.id === t.id
? { ...timer, targetTime: timer.targetTime + delayMs }
: timer
),
}));
}
});
setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]));
}}
className="text-xs px-2 py-1 rounded-lg cursor-pointer"
style={{ backgroundColor: 'rgba(90,140,255,0.2)', color: 'var(--cm-accent)' }}
>
Accept
</button>
<button
onClick={() => setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]))}
className="text-xs px-2 py-1 rounded-lg cursor-pointer"
style={{ backgroundColor: 'var(--cm-surface-muted)', color: 'var(--cm-text-tertiary)' }}
>
Dismiss
</button>
</div>
</div>
))}
</div>