Merge pull request #2776 from PrefectHQ/deployments-table-activity-du…

…ration-tooltip Add a tooltip describing the duration of the activity column on deployment table
PrefectHQ · Oct 18, 2024 · 2c1a2be · 2c1a2be
2 parents 5144b30 + 079735d
commit 2c1a2be
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/DeploymentList.vue b/src/components/DeploymentList.vue
@@ -42,6 +42,13 @@
         </div>
       </template>
 
+      <template #activity-heading="{ column }">
+        <div class="flex items-center gap-1">
+          {{ column.label }}
+          <ExtraInfoTooltip description="Runs from the past week" size="small" />
+        </div>
+      </template>
+
       <template #action-heading>
         <span />
       </template>
@@ -128,7 +135,8 @@
     DeploymentTagsInput,
     DeploymentDisableToggle,
     DeploymentStatusBadge,
-    DeploymentScheduleTags
+    DeploymentScheduleTags,
+    ExtraInfoTooltip
   } from '@/components'
   import { useCan, useDeploymentsPaginationFilterFromRoute, useWorkspaceRoutes, useDeployments, useComponent } from '@/compositions'
   import { Deployment } from '@/models'

diff --git a/src/components/ExtraInfoTooltip.vue b/src/components/ExtraInfoTooltip.vue
@@ -1,6 +1,6 @@
 <template>
   <p-tooltip :text="description" avoid-collisions>
-    <p-icon icon="InformationCircleIcon" class="extra-info-tooltip__icon" />
+    <p-icon :size="size" icon="InformationCircleIcon" class="extra-info-tooltip__icon" />
     <template #content>
       <slot />
     </template>
@@ -10,6 +10,7 @@
 <script lang="ts" setup>
   defineProps<{
     description?: string,
+    size?: 'small' | 'default' | 'large',
   }>()
 </script>