feat(Calendar): Add start and end time to tooltips

Author: PrettyCoffee

src/app/routes/calendar/calendar-route.tsx

@@ -94,6 +94,11 @@ const TimeEntryBox = ({
 
   const height = pxToRem(getYPos(endH).px - getYPos(startH).px)
   const showCategory = height >= 2
+  const duration = (
+    timeHelpers.getDuration(entry.start, entry.end) / 60
+  ).toLocaleString(getLocale(), {
+    maximumFractionDigits: 2,
+  })
   return (
     <div
       className={cn(
@@ -114,15 +119,20 @@ const TimeEntryBox = ({
 
       <CursorTooltip trigger={<span className="absolute inset-0" />}>
         <div className="max-w-48">
-          <div className="truncate text-xs font-bold">
+          <span className="text-xs font-bold">
+            {entry.start} –⁠ {entry.end}{" "}
+            <span className="text-text-gentle">({duration}h)</span>
+          </span>
+
+          <div className="truncate text-sm font-bold">
             {category?.fullName || t`No category`}
           </div>
 
           {entry.description ? (
             <div>{entry.description}</div>
           ) : (
             <div className="text-text-gentle">
-              <Trans>No descirption</Trans>
+              <Trans>No description</Trans>
             </div>
           )}
         </div>

src/locales/de/messages.po

@@ -586,8 +586,8 @@ msgstr "Nächstes Jahr"
 msgid "No categories found"
 msgstr "Keine Kategorien gefunden"
 
-#: src/app/routes/calendar/calendar-route.tsx:111
-#: src/app/routes/calendar/calendar-route.tsx:118
+#: src/app/routes/calendar/calendar-route.tsx:116
+#: src/app/routes/calendar/calendar-route.tsx:128
 #: src/app/routes/search/search-route.tsx:30
 #: src/app/routes/stats/categories-chart.tsx:41
 #: src/features/components/category-name.tsx:66
@@ -599,16 +599,13 @@ msgstr "Keine Kategorie"
 msgid "No column"
 msgstr "Keine Spalte"
 
-#: src/app/routes/calendar/calendar-route.tsx:125
-msgid "No descirption"
-msgstr "Keine Beschreibung"
-
+#: src/app/routes/calendar/calendar-route.tsx:135
 #: src/features/time-table/time-summary.tsx:84
 #: src/features/time-table/time-summary.tsx:119
 msgid "No description"
 msgstr "Keine Beschreibung"
 
-#: src/app/routes/calendar/calendar-route.tsx:152
+#: src/app/routes/calendar/calendar-route.tsx:162
 msgid "No entries"
 msgstr "Keine Einträge"
 

src/locales/en/messages.po

@@ -588,8 +588,8 @@ msgstr "Next year"
 msgid "No categories found"
 msgstr "No categories found"
 
-#: src/app/routes/calendar/calendar-route.tsx:111
-#: src/app/routes/calendar/calendar-route.tsx:118
+#: src/app/routes/calendar/calendar-route.tsx:116
+#: src/app/routes/calendar/calendar-route.tsx:128
 #: src/app/routes/search/search-route.tsx:30
 #: src/app/routes/stats/categories-chart.tsx:41
 #: src/features/components/category-name.tsx:66
@@ -601,16 +601,13 @@ msgstr "No category"
 msgid "No column"
 msgstr "No column"
 
-#: src/app/routes/calendar/calendar-route.tsx:125
-msgid "No descirption"
-msgstr "No descirption"
-
+#: src/app/routes/calendar/calendar-route.tsx:135
 #: src/features/time-table/time-summary.tsx:84
 #: src/features/time-table/time-summary.tsx:119
 msgid "No description"
 msgstr "No description"
 
-#: src/app/routes/calendar/calendar-route.tsx:152
+#: src/app/routes/calendar/calendar-route.tsx:162
 msgid "No entries"
 msgstr "No entries"