Added tooltip and changed wording around

Author: matt-aitken

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.queues/route.tsx

@@ -282,11 +282,14 @@ export default function Page() {
               animate
               valueClassName={limitClassName}
               suffix={
-                limitStatus === "burst"
-                  ? `Including ${environment.running - environment.concurrencyLimit} burst runs`
-                  : limitStatus === "limit"
-                  ? "At concurrency limit"
-                  : undefined
+                limitStatus === "burst" ? (
+                  <span className={cn(limitClassName, "flex items-center gap-1")}>
+                    Including {environment.running - environment.concurrencyLimit} burst runs{" "}
+                    <BurstFactorTooltip environment={environment} />
+                  </span>
+                ) : limitStatus === "limit" ? (
+                  "At concurrency limit"
+                ) : undefined
               }
               compactThreshold={1000000}
             />
@@ -299,10 +302,7 @@ export default function Page() {
                 environment.burstFactor > 1 ? (
                   <span className={cn(limitClassName, "flex items-center gap-1")}>
                     Burst limit {environment.burstFactor * environment.concurrencyLimit}{" "}
-                    <InfoIconTooltip
-                      content={`You can burst up to ${environment.burstFactor}x your concurrency limit. For a single queue you can't go above your normal limit (${environment.concurrencyLimit}), but you can burst when running across multiple queues/tasks.`}
-                      contentClassName="max-w-xs"
-                    />
+                    <BurstFactorTooltip environment={environment} />
                   </span>
                 ) : undefined
               }
@@ -783,3 +783,20 @@ export function QueueFilters() {
     </div>
   );
 }
+
+function BurstFactorTooltip({
+  environment,
+}: {
+  environment: { burstFactor: number; concurrencyLimit: number };
+}) {
+  return (
+    <InfoIconTooltip
+      content={`Your single queue concurrency limit is capped at ${
+        environment.concurrencyLimit
+      }, but you can burst up to ${
+        environment.burstFactor * environment.concurrencyLimit
+      } when across multiple queues/tasks.`}
+      contentClassName="max-w-xs"
+    />
+  );
+}