From 82444db6c73045f9dc1b2a5e5d4a937d9e8a5417 Mon Sep 17 00:00:00 2001
From: AKILIMAILI CIZUNGU Innocent
 <51681130+Innocent-Akim@users.noreply.github.com>
Date: Thu, 8 Aug 2024 21:24:20 +0200
Subject: [PATCH] [Fix]: Daily Plan | Total estimated time on Outstanding UI
 (#2859)

* feat: Display total estimated time for all tasks in the Outstanding tab (read-only)

* fix: same bug
---
 .../features/task/daily-plan/task-estimated-count.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/lib/features/task/daily-plan/task-estimated-count.tsx b/apps/web/lib/features/task/daily-plan/task-estimated-count.tsx
index fd549e7b2..94014fd76 100644
--- a/apps/web/lib/features/task/daily-plan/task-estimated-count.tsx
+++ b/apps/web/lib/features/task/daily-plan/task-estimated-count.tsx
@@ -9,18 +9,19 @@ export function TaskEstimatedCount({ outstandingPlans }: ITaskEstimatedCount) {
 	const element = outstandingPlans?.map((plan: IDailyPlan) => plan.tasks?.map((task) => task));
 	const { timesEstimated, totalTasks } = estimatedTotalTime(element || []);
 	const { h: hour, m: minute } = secondsToTime(timesEstimated || 0);
+
 	return (
 		<div className="flex space-x-10">
 			<div className="flex space-x-2">
-				<span className="text-slate-600">Estimated:</span>
-				<span className="text-slate-900 font-semibold text-[12px]">
+				<span className="text-slate-600 dark:text-slate-200">Estimated:</span>
+				<span className="text-slate-900 dark:text-slate-200 font-semibold text-[12px]">
 					{hour}h{minute}m
 				</span>
 			</div>
 			<VerticalSeparator className="border-slate-400" />
 			<div className="flex space-x-2">
-				<span className="text-slate-600">Total tasks:</span>
-				<span className="text-slate-900 font-semibold text-[12px]">{totalTasks}</span>
+				<span className="text-slate-600 dark:text-slate-200">Total tasks:</span>
+				<span className="text-slate-900 dark:text-slate-200 font-semibold text-[12px]">{totalTasks}</span>
 			</div>
 		</div>
 	);