Add initial tooltip to badge

temporalio · Sep 4, 2024 · 2520caf · 2520caf
1 parent 4eb321e
commit 2520caf
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/src/lib/pages/workflow-pending-activities.svelte b/src/lib/pages/workflow-pending-activities.svelte
@@ -7,6 +7,7 @@
   import TableHeaderRow from '$lib/holocene/table/table-header-row.svelte';
   import TableRow from '$lib/holocene/table/table-row.svelte';
   import Table from '$lib/holocene/table/table.svelte';
+  import Tooltip from '$lib/holocene/tooltip.svelte';
   import { translate } from '$lib/i18n/translate';
   import { relativeTime, timeFormat } from '$lib/stores/time-format';
   import { workflowRun } from '$lib/stores/workflow-run';
@@ -68,13 +69,22 @@
               </li>
               {#if details.scheduledTime}
                 <li class="event-table-row">
-                  <h4>{translate('workflows.next-retry')}</h4>
-                  <Badge type="danger">
-                    {toTimeDifference({
-                      date: details.scheduledTime,
-                      negativeDefault: translate('workflows.no-retry'),
+                  <h4>
+                    {translate('workflows.next-retry')}
+                  </h4>
+                  <Tooltip
+                    topRight
+                    text={formatDate(details.scheduledTime, $timeFormat, {
+                      relative: $relativeTime,
                     })}
-                  </Badge>
+                  >
+                    <Badge type="danger">
+                      {toTimeDifference({
+                        date: details.scheduledTime,
+                        negativeDefault: translate('workflows.no-retry'),
+                      })}
+                    </Badge>
+                  </Tooltip>
                 </li>
               {/if}
             {/if}