Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/tasks/task-detail-panel.tsx

@@ -29,7 +29,14 @@ import {
 import { Calendar } from "@/components/ui/calendar";
 import { toast } from "sonner";
 import { spawnNextWorkflowTask } from "@/lib/workflow-chain";
-import { Loader2, Plus, Trash2, X, CalendarIcon, UserPlus } from "lucide-react";
+import { Loader2, Plus, Trash2, X, CalendarIcon, UserPlus, Bell } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
 import { format } from "date-fns";
 import type { Database } from "@/integrations/supabase/types";
 import { cn } from "@/lib/utils";
@@ -111,6 +118,13 @@ export function TaskDetailPanel({
   const [editTitle, setEditTitle] = useState("");
   const [editDescription, setEditDescription] = useState("");
   const [showAssignPicker, setShowAssignPicker] = useState(false);
+  const [reminders, setReminders] = useState<any[]>([]);
+  const [reminderOpen, setReminderOpen] = useState(false);
+  const [reminderDate, setReminderDate] = useState<string>("");
+  const [reminderTime, setReminderTime] = useState<string>("09:00");
+  const [reminderEmail, setReminderEmail] = useState<string>("");
+  const [reminderNote, setReminderNote] = useState<string>("");
+  const [savingReminder, setSavingReminder] = useState(false);
 
   const load = useCallback(async () => {
     if (!taskId) return;