From bbae6f41a591d110645279ca8cd771d7531ed2e0 Mon Sep 17 00:00:00 2001
From: Collin Choy <collin@prefect.io>
Date: Wed, 16 Oct 2024 16:03:26 -0400
Subject: [PATCH 1/3] Add a tooltip describing the duration of the activity
 column on deployment table.

---
 src/components/DeploymentList.vue   | 11 ++++++++++-
 src/components/ExtraInfoTooltip.vue |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/DeploymentList.vue b/src/components/DeploymentList.vue
index be43376c2..ba9eb2ad2 100644
--- 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'
@@ -136,6 +144,7 @@
   import { ClassValue } from '@/types'
   import { deploymentSortOptions } from '@/types/SortOptionTypes'
 
+
   const props = defineProps<{
     filter?: DeploymentsFilter,
     prefix?: string,
diff --git a/src/components/ExtraInfoTooltip.vue b/src/components/ExtraInfoTooltip.vue
index e2184ce36..611b34c8b 100644
--- 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>
 

From 4ae640003a8de668445553b59e761e2c8c9abf9b Mon Sep 17 00:00:00 2001
From: Collin Choy <collin@prefect.io>
Date: Wed, 16 Oct 2024 16:04:23 -0400
Subject: [PATCH 2/3] Remove extraneous line.

---
 src/components/DeploymentList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/DeploymentList.vue b/src/components/DeploymentList.vue
index ba9eb2ad2..a57a0d28d 100644
--- a/src/components/DeploymentList.vue
+++ b/src/components/DeploymentList.vue
@@ -144,7 +144,6 @@
   import { ClassValue } from '@/types'
   import { deploymentSortOptions } from '@/types/SortOptionTypes'
 
-
   const props = defineProps<{
     filter?: DeploymentsFilter,
     prefix?: string,

From 079735d28f0a944d21ce42b38d1edb8455070f64 Mon Sep 17 00:00:00 2001
From: Collin <collin@choy.me>
Date: Wed, 16 Oct 2024 16:16:02 -0400
Subject: [PATCH 3/3] Update src/components/DeploymentList.vue

Co-authored-by: Nicholas Brown <znicholasbrown@gmail.com>
---
 src/components/DeploymentList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/DeploymentList.vue b/src/components/DeploymentList.vue
index a57a0d28d..07fd01bed 100644
--- a/src/components/DeploymentList.vue
+++ b/src/components/DeploymentList.vue
@@ -45,7 +45,7 @@
       <template #activity-heading="{ column }">
         <div class="flex items-center gap-1">
           {{ column.label }}
-          <ExtraInfoTooltip description="Runs from the past week." size="small" />
+          <ExtraInfoTooltip description="Runs from the past week" size="small" />
         </div>
       </template>