From adbd58a949649ae6b398180740f82c7d8a0d7927 Mon Sep 17 00:00:00 2001
From: Essem <smswessem@gmail.com>
Date: Mon, 30 May 2022 18:29:07 -0500
Subject: [PATCH] Add date tooltips (#512)

---
 components/ui/ProjectCard.vue | 14 ++++++++++++--
 pages/_type/_id.vue           | 10 ++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/components/ui/ProjectCard.vue b/components/ui/ProjectCard.vue
index 8d02ad63..81bf5a7d 100644
--- a/components/ui/ProjectCard.vue
+++ b/components/ui/ProjectCard.vue
@@ -66,11 +66,21 @@
             class="right-categories"
           />
           <div class="dates">
-            <div class="date">
+            <div
+              v-tooltip="
+                $dayjs(createdAt).format('MMMM D, YYYY [at] h:mm:ss A')
+              "
+              class="date"
+            >
               <CalendarIcon aria-hidden="true" />
               Created {{ $dayjs(createdAt).fromNow() }}
             </div>
-            <div class="date">
+            <div
+              v-tooltip="
+                $dayjs(updatedAt).format('MMMM D, YYYY [at] h:mm:ss A')
+              "
+              class="date"
+            >
               <EditIcon aria-hidden="true" />
               Updated {{ $dayjs(updatedAt).fromNow() }}
             </div>
diff --git a/pages/_type/_id.vue b/pages/_type/_id.vue
index 3ff8f0be..202c1978 100644
--- a/pages/_type/_id.vue
+++ b/pages/_type/_id.vue
@@ -88,12 +88,18 @@
           >
         </div>
         <div class="dates">
-          <div class="date">
+          <div
+            v-tooltip="$dayjs(createdAt).format('MMMM D, YYYY [at] h:mm:ss A')"
+            class="date"
+          >
             <CalendarIcon aria-hidden="true" />
             <span class="label">Created</span>
             <span class="value">{{ $dayjs(project.published).fromNow() }}</span>
           </div>
-          <div class="date">
+          <div
+            v-tooltip="$dayjs(updatedAt).format('MMMM D, YYYY [at] h:mm:ss A')"
+            class="date"
+          >
             <UpdateIcon aria-hidden="true" />
             <span class="label">Updated</span>
             <span class="value">{{ $dayjs(project.updated).fromNow() }}</span>