From 6d3bd780520e928c1e1838108ccbf1b538e4e01f Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:10:28 +0530
Subject: [PATCH] chore: add tooltip to show full time on activity logs (#2235)

---
 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 fe322afe9..e6f54f512 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>