feat(console): add token exceed tag (#6904)

add token exceed tag to tenant drop down item
logto-io · Dec 24, 2024 · c6495fc · c6495fc
1 parent ea5a62b
commit c6495fc
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/packages/console/src/components/Topbar/TenantSelector/TenantDropdownItem/TenantStatusTag.tsx b/packages/console/src/components/Topbar/TenantSelector/TenantDropdownItem/TenantStatusTag.tsx
@@ -1,20 +1,28 @@
 import { type TenantResponse } from '@/cloud/types/router';
 import DynamicT from '@/ds-components/DynamicT';
 import Tag from '@/ds-components/Tag';
+import { isPaidPlan } from '@/utils/subscription';
 
 type Props = {
   readonly tenantData: TenantResponse;
   readonly className?: string;
 };
 
 function TenantStatusTag({ tenantData, className }: Props) {
-  const { usage, quota, openInvoices, isSuspended } = tenantData;
+  const {
+    usage,
+    quota,
+    openInvoices,
+    isSuspended,
+    subscription: { planId, isEnterprisePlan },
+  } = tenantData;
 
   /**
    * Tenant status priority:
    * 1. suspend
    * 2. overdue
    * 3. mau exceeded
+   * 4. token exceeded
    */
 
   if (isSuspended) {
@@ -33,11 +41,14 @@ function TenantStatusTag({ tenantData, className }: Props) {
     );
   }
 
-  const { activeUsers } = usage;
+  const isPaidTenant = isPaidPlan(planId, isEnterprisePlan);
 
-  const { mauLimit } = quota;
+  const { activeUsers, tokenUsage } = usage;
+
+  const { mauLimit, tokenLimit } = quota;
 
   const isMauExceeded = mauLimit !== null && activeUsers >= mauLimit;
+  const isTokenExceeded = tokenLimit !== null && !isPaidTenant && tokenUsage >= tokenLimit;
 
   if (isMauExceeded) {
     return (
@@ -47,6 +58,14 @@ function TenantStatusTag({ tenantData, className }: Props) {
     );
   }
 
+  if (isTokenExceeded) {
+    return (
+      <Tag className={className}>
+        <DynamicT forKey="tenants.status.token_exceeded" />
+      </Tag>
+    );
+  }
+
   return null;
 }
 

diff --git a/packages/phrases/src/locales/en/translation/admin-console/tenants.ts b/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
@@ -94,7 +94,8 @@ const tenants = {
     create_tenant_button: 'Create tenant',
   },
   status: {
-    mau_exceeded: 'MAU Exceeded',
+    mau_exceeded: 'MAU exceeded',
+    token_exceeded: 'Token exceeded',
     suspended: 'Suspended',
     overdue: 'Overdue',
   },