From d8ab1316c8fe3ad061d5251b6697549fc39e16aa Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Tue, 27 Feb 2024 12:30:58 +0400
Subject: [PATCH] UBERF-5621: add full date tooltip (#4783)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
 .../ActivityMessageTemplate.svelte            | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
index 22234213a2..2c0bf4d8af 100644
--- a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
+++ b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
@@ -22,8 +22,9 @@
   import { Avatar, EmployeePresenter, SystemAvatar } from '@hcengineering/contact-resources'
   import core, { getDisplayTime } from '@hcengineering/core'
   import { getClient } from '@hcengineering/presentation'
-  import { Action, Label } from '@hcengineering/ui'
+  import { Action, Label, tooltip } from '@hcengineering/ui'
   import { getActions, restrictionStore } from '@hcengineering/view-resources'
+  import { getEmbeddedLabel } from '@hcengineering/platform'
 
   import ReactionsPresenter from '../reactions/ReactionsPresenter.svelte'
   import ActivityMessageExtensionComponent from './ActivityMessageExtension.svelte'
@@ -107,6 +108,14 @@
 
   let readonly: boolean = false
   $: readonly = $restrictionStore.disableComments
+
+  $: fullDate = new Date(message.createdOn ?? message.modifiedOn).toLocaleString('default', {
+    minute: '2-digit',
+    hour: 'numeric',
+    day: '2-digit',
+    month: 'short',
+    year: 'numeric'
+  })
 </script>
 
 {#if !isHidden}
@@ -161,7 +170,14 @@
           {#if !skipLabel}
             <slot name="header" />
           {/if}
-          <span class="text-sm">{getDisplayTime(message.createdOn ?? 0)}</span>
+          <span
+            class="text-sm"
+            use:tooltip={{
+              label: getEmbeddedLabel(fullDate)
+            }}
+          >
+            {getDisplayTime(message.createdOn ?? 0)}
+          </span>
         </div>
 
         <slot name="content" />