Reminder Settings

\n Configure how and when you want to be reminded about your calendar events.\n

\n\n

\n {/* Notification Status */}\n

Browser Notifications

\n \n {notificationStatus.text}\n \n

\n \n

\n Browser notifications will show even when this tab is not active.\n

\n \n

\n \n Test Notification\n \n \n {notificationStatus.status !== 'granted' && (\n Notification.requestPermission()}\n className=\"bg-green-600 hover:bg-green-700 text-white text-sm px-4 py-2 rounded-md transition-colors\"\n >\n Enable Notifications\n \n )}\n

\n\n {/* Default Reminder Time */}\n

\n \n Default Reminder Time\n \n handleSettingChange('defaultReminder', parseInt(e.target.value))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n \n

\n This is your preferred reminder time. Currently set to 30 minutes as requested.\n

\n\n {/* Notification Methods */}\n

Notification Methods

\n \n handleSettingChange('emailReminders', e.target.checked)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n Email reminders\n \n \n \n handleSettingChange('webNotifications', e.target.checked)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n Browser notifications\n \n

\n\n {/* Event Type Specific Settings */}\n

Reminder Times by Event Type

\n {Object.entries(settings.reminderTypes).map(([type, minutes]) => (\n

\n \n {type}\n \n handleReminderTypeChange(type as keyof ReminderSettingsType['reminderTypes'], parseInt(e.target.value))}\n className=\"px-3 py-1 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm\"\n >\n \n \n \n \n \n \n \n

\n ))}\n

\n\n {/* Business Hours Info */}\n

ℹ️

Current Configuration

• Reminders: 30 minutes before events (as requested)
• Business hours: 8:00 AM - 5:00 PM (weekdays only)
• Both email and web notifications enabled
• Automatic meeting suggestions during business hours

\n\n {/* Save Button */}\n

\n \n {loading ? (\n <>\n

\n Saving...\n \n ) : (\n <>\n \n Save Settings\n \n )}\n \n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Syphrose1990/Reminder/code/frontend/components/ReminderSettings.tsx","extension","actionData","errors"]