From 9612e87a17cd477d5aeb55e253401de83bf1a110 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Thu, 21 Sep 2023 16:32:03 +0530
Subject: [PATCH] chore: add tooltip to show full time on activity logs

---
 web/components/issues/activity.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/components/issues/activity.tsx b/web/components/issues/activity.tsx
index fe322afe91d..e6f54f51246 100644
--- a/web/components/issues/activity.tsx
+++ b/web/components/issues/activity.tsx
@@ -7,9 +7,9 @@ import { useRouter } from "next/router";
 import { ActivityIcon, ActivityMessage } from "components/core";
 import { CommentCard } from "components/issues/comment";
 // ui
-import { Icon, Loader } from "components/ui";
+import { Icon, Loader, Tooltip } from "components/ui";
 // helpers
-import { timeAgo } from "helpers/date-time.helper";
+import { render24HourFormatTime, renderLongDateFormat, timeAgo } from "helpers/date-time.helper";
 // types
 import { IIssueActivity, IIssueComment } from "types";
 
@@ -120,9 +120,15 @@ export const IssueActivitySection: React.FC<Props> = ({
                           </Link>
                         )}{" "}
                         {message}{" "}
-                        <span className="whitespace-nowrap">
-                          {timeAgo(activityItem.created_at)}
-                        </span>
+                        <Tooltip
+                          tooltipContent={`${renderLongDateFormat(
+                            activityItem.created_at
+                          )}, ${render24HourFormatTime(activityItem.created_at)}`}
+                        >
+                          <span className="whitespace-nowrap">
+                            {timeAgo(activityItem.created_at)}
+                          </span>
+                        </Tooltip>
                       </div>
                     </div>
                   </div>