🍅

No Presets Yet

\n Create your first timer preset in the Settings tab to get started.\n

\n 💡 Tip: Presets let you save different timer configurations for various types of work or study sessions.\n

\n );\n }\n\n return (\n

Timer Presets

\n Choose from your saved timer configurations or create new ones in Settings.\n

\n\n

\n {presets.map((preset) => (\n \n {/* Header */}\n

\n {preset.name}\n

\n {currentPresetId === preset.id && (\n \n Currently Active\n \n )}\n

\n\n {/* Timer Details */}\n

\n Work Sessions:\n \n {preset.sessions} × {formatDuration(preset.pomodoroMinutes)}\n \n

\n \n

\n Short Breaks:\n \n {formatDuration(preset.shortBreakMinutes)}\n \n

\n \n

\n Long Break:\n \n {formatDuration(preset.longBreakMinutes)}\n \n

\n \n

\n Total Time:\n \n ~{formatDuration(calculateTotalTime(preset))}\n \n

\n\n {/* Actions */}\n

\n onPresetLoad(preset)}\n className=\"flex-1 px-4 py-2 bg-red-500 text-white rounded-lg font-medium hover:bg-red-600 transition-all timer-button\"\n >\n {currentPresetId === preset.id ? 'Reload' : 'Use Preset'}\n \n \n handleDelete(preset.id!)}\n className={`px-4 py-2 rounded-lg font-medium transition-all timer-button ${\n deleteConfirm === preset.id\n ? 'bg-red-600 text-white'\n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n title={deleteConfirm === preset.id ? 'Click again to confirm' : 'Delete preset'}\n >\n {deleteConfirm === preset.id ? '✓' : '🗑️'}\n \n

\n\n {/* Delete Confirmation */}\n {deleteConfirm === preset.id && (\n

\n Click delete again to confirm\n

\n )}\n\n {/* Created Date */}\n {preset.createdAt && (\n

\n Created {new Date(preset.createdAt).toLocaleDateString()}\n

\n )}\n

\n ))}\n

\n\n {/* Usage Tips */}\n

💡 Preset Ideas

\n Classic Pomodoro: 25min work, 5min short break, 15min long break, 4 sessions\n

\n Deep Work: 90min work, 20min short break, 45min long break, 2 sessions\n

\n Quick Sprints: 15min work, 3min short break, 10min long break, 6 sessions\n

\n Extended Focus: 45min work, 10min short break, 30min long break, 3 sessions\n

\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/ommywaters/Pomodoro/code/frontend/components/TimerPresets.tsx","extension","actionData","errors"]