diff --git a/frontend/src/components/Dashboard/DashboardTasks.jsx b/frontend/src/components/Dashboard/DashboardTasks.jsx index 480498f1..0626ed66 100644 --- a/frontend/src/components/Dashboard/DashboardTasks.jsx +++ b/frontend/src/components/Dashboard/DashboardTasks.jsx @@ -7,6 +7,7 @@ export default function DashboardTasks({ tasks, updateTask }) { const navigate = useNavigate(); const [durationModalTask, setDurationModalTask] = useState(null); const [actualDuration, setActualDuration] = useState(""); + const [durationError, setDurationError] = useState(""); const priorityOrder = { High: 3, @@ -57,7 +58,7 @@ export default function DashboardTasks({ tasks, updateTask }) { const durationValue = Number(actualDuration); if (Number.isNaN(durationValue) || durationValue <= 0) { - alert("Please enter a valid duration in minutes"); + setDurationError("Please enter a valid duration in minutes"); return; } @@ -69,6 +70,7 @@ export default function DashboardTasks({ tasks, updateTask }) { setDurationModalTask(null); setActualDuration(""); + setDurationError(""); } catch (error) { console.error("Failed to update task:", error); } @@ -170,15 +172,22 @@ export default function DashboardTasks({ tasks, updateTask }) { type="number" min="1" value={actualDuration} - onChange={(e) => setActualDuration(e.target.value)} + onChange={(e) => { + setActualDuration(e.target.value); + setDurationError(""); + }} className="w-full p-2 border border-soft rounded-lg text-black dark:placeholder-slate-500" placeholder="Actual duration in minutes" /> + {durationError && ( +
{durationError}
+ )}