Merge pull request #1971 from ever-co/fix/#1970-tooltip-title-case

fix: #1970 Tooltip title case
ever-co · Dec 7, 2023 · aa398b4 · aa398b4
2 parents 3c607d1 + 490522b
commit aa398b4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/web/lib/features/timer/timer-status.tsx b/apps/web/lib/features/timer/timer-status.tsx
@@ -3,6 +3,7 @@ import { IClassName, ITimerStatus, ITimerStatusEnum, OT_Member } from '@app/inte
 import { clsxm } from '@app/utils';
 import { Tooltip } from 'lib/components';
 import { PauseIcon, StopCircleIcon, TimerPlayIcon, UserOnlineAndTrackingTimeIcon } from 'lib/components/svgs';
+import { capitalize } from 'lodash';
 import moment from 'moment';
 
 type Props = {
@@ -15,7 +16,7 @@ type Props = {
 export function TimerStatus({ status, className, showIcon = true, tooltipClassName, labelContainerClassName }: Props) {
 	return (
 		<Tooltip
-			label={status === 'online' ? 'Online and Tracking Time' : status}
+			label={status === 'online' ? 'Online and Tracking Time' : capitalize(status)}
 			enabled
 			placement="auto"
 			className={tooltipClassName}