feat: show current plan name in usage information

packages/backend/src/graphql/queries/get-usage-data.ee.ts

@@ -17,6 +17,7 @@ const getUsageData = async (
     .throwIfNotFound();
 
   const computedUsageData = {
+    name: paymentPlan.name,
     allowedTaskCount: paymentPlan.taskCount,
     consumedTaskCount: usageData.consumedTaskCount,
     remainingTaskCount: paymentPlan.taskCount - usageData.consumedTaskCount,

packages/backend/src/graphql/schema.graphql

@@ -470,6 +470,7 @@ type GetAutomatischInfo {
 }
 
 type GetUsageData {
+  name: String
   allowedTaskCount: Int
   consumedTaskCount: Int
   remainingTaskCount: Int

packages/web/src/components/UsageDataInformation/index.ee.tsx

@@ -18,6 +18,14 @@ export default function UsageDataInformation() {
       <TableContainer component={Paper}>
         <Table>
           <TableBody>
+            <TableRow>
+              <TableCell component="td" scope="row">
+                Current plan
+              </TableCell>
+
+              <TableCell align="right" sx={{ fontWeight: 500 }}>{usageData.name}</TableCell>
+            </TableRow>
+
             <TableRow>
               <TableCell component="td" scope="row">
                 Total allowed task count

packages/web/src/graphql/queries/get-usage-data.ee.ts

@@ -3,6 +3,7 @@ import { gql } from '@apollo/client';
 export const GET_USAGE_DATA = gql`
   query GetUsageData {
     getUsageData {
+      name
       allowedTaskCount
       consumedTaskCount
       remainingTaskCount

packages/web/src/hooks/useUsageData.ee.ts

@@ -4,6 +4,7 @@ import { DateTime } from 'luxon';
 import { GET_USAGE_DATA } from 'graphql/queries/get-usage-data.ee';
 
 type UseUsageDataReturn = {
+  name: string;
   allowedTaskCount: number;
   consumedTaskCount: number;
   remainingTaskCount: number;
@@ -19,6 +20,7 @@ export default function useUsageData(): UseUsageDataReturn {
   const nextResetAtDateTimeObject = nextResetAt && DateTime.fromMillis(Number(nextResetAt));
 
   return {
+    name: usageData?.name,
     allowedTaskCount: usageData?.allowedTaskCount,
     consumedTaskCount: usageData?.consumedTaskCount,
     remainingTaskCount: usageData?.remainingTaskCount,