From c8fdae4caad2520d5973263300ff433b3a7040ec Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 17 Apr 2025 22:54:27 +0100
Subject: [PATCH] Update UpgradeLimitAlert to use real counts

---
 .../project/model-page/versions/Card.vue      |  4 +---
 .../page/latest-items/comments/GridItem.vue   |  5 +----
 .../viewer/anchored-point/thread/Comment.vue  |  4 +---
 .../components/viewer/comments/ListItem.vue   |  5 +----
 .../viewer/resources/UpgradeLimitAlert.vue    | 20 ++++++++++++++++---
 5 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/packages/frontend-2/components/project/model-page/versions/Card.vue b/packages/frontend-2/components/project/model-page/versions/Card.vue
index 05987de07..c95a2bd82 100644
--- a/packages/frontend-2/components/project/model-page/versions/Card.vue
+++ b/packages/frontend-2/components/project/model-page/versions/Card.vue
@@ -46,7 +46,7 @@
             >
               <ViewerResourcesUpgradeLimitAlert
                 class="!bg-foundation !text-foreground-2"
-                :text="`Upgrade to view versions older than ${versionLimitFormatted} days.`"
+                limit-type="version"
               />
             </div>
             <div
@@ -114,7 +114,6 @@ import { graphql } from '~~/lib/common/generated/gql'
 import { SpeckleViewer, SourceApps } from '@speckle/shared'
 import type { VersionActionTypes } from '~~/lib/projects/helpers/components'
 import { isPendingVersionFragment } from '~~/lib/projects/helpers/models'
-import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 
 graphql(`
   fragment ProjectModelPageVersionsCardVersion on Version {
@@ -161,7 +160,6 @@ const props = defineProps<{
 }>()
 
 const isAutomateModuleEnabled = useIsAutomateModuleEnabled()
-const { versionLimitFormatted } = useWorkspaceLimits(props.workspaceSlug ?? '')
 
 const showActionsMenu = ref(false)
 
diff --git a/packages/frontend-2/components/project/page/latest-items/comments/GridItem.vue b/packages/frontend-2/components/project/page/latest-items/comments/GridItem.vue
index 670663671..1d156a5f8 100644
--- a/packages/frontend-2/components/project/page/latest-items/comments/GridItem.vue
+++ b/packages/frontend-2/components/project/page/latest-items/comments/GridItem.vue
@@ -19,10 +19,7 @@
       v-else
       class="w-full h-48 flex items-center justify-center diagonal-stripes px-3 pb-8"
     >
-      <ViewerResourcesUpgradeLimitAlert
-        class="!bg-foundation"
-        text="Upgrade to see comments older than (count) days."
-      />
+      <ViewerResourcesUpgradeLimitAlert limit-type="comment" />
     </div>
     <div class="flex items-center w-full px-3 h-8 -mt-10">
       <UserAvatarGroup
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
index 816adfa0a..d53b4bc33 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
@@ -22,9 +22,7 @@
         :class="isEmbedEnabled ? 'mt-2' : 'mt-3'"
       >
         <template v-if="isLimited">
-          <ViewerResourcesUpgradeLimitAlert
-            text="Upgrade to view comments older than (count) days."
-          />
+          <ViewerResourcesUpgradeLimitAlert limit-type="comment" />
         </template>
         <template v-else>
           <CommonTiptapTextEditor
diff --git a/packages/frontend-2/components/viewer/comments/ListItem.vue b/packages/frontend-2/components/viewer/comments/ListItem.vue
index bf61906b9..c9980ec98 100644
--- a/packages/frontend-2/components/viewer/comments/ListItem.vue
+++ b/packages/frontend-2/components/viewer/comments/ListItem.vue
@@ -25,10 +25,7 @@
         >
           {{ thread.rawText }}
         </div>
-        <ViewerResourcesUpgradeLimitAlert
-          v-else
-          text="Upgrade to see comments older than (count) days."
-        />
+        <ViewerResourcesUpgradeLimitAlert v-else limit-type="comment" />
         <div class="text-body-3xs flex items-center space-x-3 text-foreground-3 mb-1">
           <div
             v-if="itemStatus.isDifferentVersion || itemStatus.isFederatedModel"
diff --git a/packages/frontend-2/components/viewer/resources/UpgradeLimitAlert.vue b/packages/frontend-2/components/viewer/resources/UpgradeLimitAlert.vue
index fcb9e166f..92bd5bbcb 100644
--- a/packages/frontend-2/components/viewer/resources/UpgradeLimitAlert.vue
+++ b/packages/frontend-2/components/viewer/resources/UpgradeLimitAlert.vue
@@ -1,19 +1,33 @@
 <template>
   <CommonAlert class="select-none" size="2xs" color="info" hide-icon :actions="actions">
-    <template #description>{{ text }}</template>
+    <template #description>
+      {{ text }}
+    </template>
   </CommonAlert>
 </template>
 <script setup lang="ts">
 import type { AlertAction } from '@speckle/ui-components'
 import { useNavigation } from '~/lib/navigation/composables/navigation'
+import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 import { settingsWorkspaceRoutes } from '~~/lib/common/helpers/route'
 
-defineProps<{
-  text: string
+const props = defineProps<{
+  limitType: 'comment' | 'version'
 }>()
 
 const { activeWorkspaceSlug } = useNavigation()
 
+const { commentLimitFormatted, versionLimitFormatted } = useWorkspaceLimits(
+  activeWorkspaceSlug.value || ''
+)
+
+const text = computed(() => {
+  if (props.limitType === 'comment') {
+    return `Upgrade to view comments older than ${commentLimitFormatted.value}.`
+  }
+  return `Upgrade to view versions older than ${versionLimitFormatted.value}.`
+})
+
 const actions = computed((): AlertAction[] => [
   {
     title: 'Upgrade',