+
+
setNewEnvPrompt(e.target.value)}
- placeholder="e.g., Water bottle nearby?"
- className="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-indigo-500 outline-none"
- onKeyDown={(e) => {
- if (e.key === 'Enter' && newEnvPrompt.trim()) {
- setEditEnvPrompts([...editEnvPrompts, newEnvPrompt.trim()]);
- setNewEnvPrompt('');
- }
- }}
+ value={editName}
+ onChange={(e) => setEditName(e.target.value)}
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none"
/>
-
+
+
+
+ setEditDescription(e.target.value)}
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none"
+ />
+
+
+
+ setEditLocation(e.target.value)}
+ placeholder="Where do you do this? e.g., bathroom, kitchen"
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none"
+ />
+
+
+
+ setEditHabitStack(e.target.value)}
+ placeholder="What do you do right before? e.g., finish breakfast"
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none"
+ />
+
+
+
+
Quick checklist shown before starting
+
+ {editEnvPrompts.map((prompt, i) => (
+
+ {prompt}
+
+
+ ))}
+
+
+ setNewEnvPrompt(e.target.value)}
+ placeholder="e.g., Water bottle nearby?"
+ className="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-indigo-500 outline-none"
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' && newEnvPrompt.trim()) {
+ setEditEnvPrompts([...editEnvPrompts, newEnvPrompt.trim()]);
+ setNewEnvPrompt('');
+ }
+ }}
+ />
+
+
+
Schedule
+
+
+
+ {DAY_OPTIONS.map((day) => (
+
+ ))}
+
+
+ {editDays.length > 0 && (
+ <>
+
+
+ setEditTime(e.target.value)}
+ className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none"
+ />
+
+
+
+
Send reminder
+
Get notified when it's time
+
+
+
+ >
+ )}
+ {schedule && (
+
+ )}
+