feat (tasks): task composer, tasks fixes, tasks page updates

Author: Kabeer2004

src/client/app/tasks/page.js

@@ -492,6 +492,18 @@ Description: ${event.description || "No description."}`
 		handleClosePanel() // Close the panel after creating the task
 	}
 
+	const handleAddTaskForDay = (date) => {
+		// Set the panel to show the composer with the default date
+		setRightPanelContent({
+			type: "composer",
+			data: { defaultDate: date }
+		})
+		// If on mobile, open the modal
+		if (isMobile) {
+			setIsModalOpen(true)
+		}
+	}
+
 	const filteredOneTimeTasks = useMemo(() => {
 		if (!searchQuery.trim()) {
 			return oneTimeTasks
@@ -545,6 +557,7 @@ Description: ${event.description || "No description."}`
 					<TaskComposer
 						onTaskCreated={handleCreateTask}
 						isPro={isPro}
+						composerData={rightPanelContent.data}
 						onUpgradeClick={() => setUpgradeModalOpen(true)}
 						onClose={isMobile ? () => setIsModalOpen(false) : null}
 					/>
@@ -715,7 +728,9 @@ Description: ${event.description || "No description."}`
 										<CalendarView
 											tasks={filteredCalendarTasks}
 											onSelectTask={handleSelectItem}
-											onDayClick={() => {}}
+											onAddTaskForDay={
+												handleAddTaskForDay
+											}
 											onShowMoreClick={
 												handleShowMoreClick
 											}
@@ -733,7 +748,7 @@ Description: ${event.description || "No description."}`
 				</main>
 
 				{/* --- NEW: Right Panel for Desktop --- */}
-				<aside className="hidden md:flex w-[450px] lg:w-[500px] bg-brand-black/50 backdrop-blur-sm border-l border-brand-gray flex-shrink-0 flex-col">
+				<aside className="hidden md:flex w-[500px] lg:w-[550px] bg-brand-black/50 backdrop-blur-sm border-l border-brand-gray flex-shrink-0 flex-col">
 					<AnimatePresence mode="wait">
 						<motion.div
 							key={rightPanelContent.type}

src/client/components/tasks/CalendarView.js

@@ -32,7 +32,7 @@ const CalendarDayCell = ({
 	day,
 	items, // Now receives a mix of tasks and events
 	onSelectTask,
-	onDayClick,
+	onAddTaskForDay,
 	onShowMoreClick,
 	isCurrentMonth,
 	isSelected
@@ -45,7 +45,7 @@ const CalendarDayCell = ({
 		<motion.div
 			onMouseEnter={() => setIsHovered(true)}
 			onMouseLeave={() => setIsHovered(false)}
-			onClick={() => onDayClick(day)}
+			onClick={() => onShowMoreClick(day)}
 			variants={cellVariants}
 			className={cn(
 				"border-r border-b border-neutral-800 p-2 flex flex-col gap-1 overflow-hidden relative min-h-[120px] rounded-lg",
@@ -77,7 +77,7 @@ const CalendarDayCell = ({
 							exit={{ opacity: 0, scale: 0.8 }}
 							onClick={(e) => {
 								e.stopPropagation()
-								onDayClick(day)
+								onAddTaskForDay(day)
 							}}
 							className="p-1 rounded-full hover:bg-brand-gray hover:text-brand-white"
 						>
@@ -112,7 +112,7 @@ const CalendarDayCell = ({
 const CalendarView = ({
 	tasks,
 	onSelectTask,
-	onDayClick,
+	onAddTaskForDay,
 	onShowMoreClick,
 	onMonthChange
 }) => {
@@ -137,11 +137,6 @@ const CalendarView = ({
 		onMonthChange(newMonth)
 	}
 
-	const handleDayClickInternal = (day) => {
-		setSelectedDate(day)
-		onDayClick(day)
-	}
-
 	const containerVariants = {
 		hidden: { opacity: 1 },
 		visible: {
@@ -196,7 +191,7 @@ const CalendarView = ({
 							items={tasksForDay}
 							isCurrentMonth={isSameMonth(day, currentMonth)}
 							onSelectTask={onSelectTask}
-							onDayClick={handleDayClickInternal}
+							onAddTaskForDay={onAddTaskForDay}
 							onShowMoreClick={onShowMoreClick}
 							isSelected={isSameDay(day, selectedDate)}
 						/>