From d684e51687257d98f421409375fe6caf26868d21 Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Mon, 4 Dec 2023 19:40:01 +0000
Subject: [PATCH] Improves styling, fix for React error with Enterprise contact
 button

---
 .../components/billing/ConcurrentRunsChart.tsx |  3 ++-
 .../app/components/billing/PricingTiers.tsx    | 18 ++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/apps/webapp/app/components/billing/ConcurrentRunsChart.tsx b/apps/webapp/app/components/billing/ConcurrentRunsChart.tsx
index 287b530e2..5d2b7b0b2 100644
--- a/apps/webapp/app/components/billing/ConcurrentRunsChart.tsx
+++ b/apps/webapp/app/components/billing/ConcurrentRunsChart.tsx
@@ -68,9 +68,10 @@ export function ConcurrentRunsChart({
           )}
           <Line
             dataKey="maxConcurrentRuns"
+            name="Concurrent runs"
             stroke="#16A34A"
             strokeWidth={2}
-            name="Concurrent runs"
+            dot={false}
           />
         </LineChart>
       </ResponsiveContainer>
diff --git a/apps/webapp/app/components/billing/PricingTiers.tsx b/apps/webapp/app/components/billing/PricingTiers.tsx
index d1cb7ef17..be0174470 100644
--- a/apps/webapp/app/components/billing/PricingTiers.tsx
+++ b/apps/webapp/app/components/billing/PricingTiers.tsx
@@ -3,17 +3,15 @@ import { parse } from "@conform-to/zod";
 import { CheckIcon, XMarkIcon } from "@heroicons/react/24/solid";
 import { Form, useActionData, useNavigation } from "@remix-run/react";
 import { ActiveSubscription, Plan, Plans, SetPlanBodySchema } from "@trigger.dev/billing";
-import { cn } from "~/utils/cn";
-import { DefinitionTip } from "../DefinitionTooltip";
-import { Button, LinkButton } from "../primitives/Buttons";
-import { Paragraph } from "../primitives/Paragraph";
-import SegmentedControl from "../primitives/SegmentedControl";
-import { formatNumberCompact } from "~/utils/numberFormatter";
 import { useState } from "react";
 import { useCurrentPlan } from "~/routes/_app.orgs.$organizationSlug/route";
-import { Spinner } from "../primitives/Spinner";
-import { RunsVolumeDiscountTable } from "./RunsVolumeDiscountTable";
+import { cn } from "~/utils/cn";
+import { formatNumberCompact } from "~/utils/numberFormatter";
+import { DefinitionTip } from "../DefinitionTooltip";
 import { Feedback } from "../Feedback";
+import { Button, LinkButton } from "../primitives/Buttons";
+import SegmentedControl from "../primitives/SegmentedControl";
+import { RunsVolumeDiscountTable } from "./RunsVolumeDiscountTable";
 
 const pricingDefinitions = {
   concurrentRuns: {
@@ -370,9 +368,9 @@ export function TierEnterprise() {
       <div className="py-6">
         <Feedback
           button={
-            <LinkButton variant="secondary/large" fullWidth className="text-md font-medium" to={""}>
+            <Button variant="secondary/large" fullWidth className="text-md font-medium">
               Contact us
-            </LinkButton>
+            </Button>
           }
           defaultValue="enterprise"
         />