From bf2af23ba1ca0fce361b8898a968b1dbd75ba93d Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Tue, 1 Nov 2022 10:36:26 -0230
Subject: [PATCH] Fix billing subscription route

---
 studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx    | 2 +-
 studio/components/layouts/BillingLayout.tsx                     | 2 +-
 .../layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx         | 2 +-
 studio/components/ui/OveragesBanner/OveragesBanner.tsx          | 2 +-
 studio/components/ui/UpgradeToPro.tsx                           | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx b/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
index 91d2b741cf9..efc906ed4c6 100644
--- a/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
+++ b/studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx
@@ -58,7 +58,7 @@ const UpgradePrompt: React.FC<Props> = ({ show, setShowUpgradePrompt }) => {
               Close
             </Button>
 
-            <Link href={`/project/${ref}/settings/billing`}>
+            <Link href={`/project/${ref}/settings/billing/subscription`}>
               <Button size="tiny">Upgrade</Button>
             </Link>
           </div>
diff --git a/studio/components/layouts/BillingLayout.tsx b/studio/components/layouts/BillingLayout.tsx
index d97689e1c1e..402c8b480e2 100644
--- a/studio/components/layouts/BillingLayout.tsx
+++ b/studio/components/layouts/BillingLayout.tsx
@@ -18,7 +18,7 @@ const BillingLayout: FC<Props> = ({ children }) => {
       <div className="flex h-full w-full flex-col">
         {/* Header */}
         <div className="flex items-center space-x-4 border-b py-4 px-5 dark:border-dark">
-          <Link href={`/project/${ui.selectedProject?.ref}/settings/billing`} passHref>
+          <Link href={`/project/${ui.selectedProject?.ref}/settings/billing/subscription`} passHref>
             <a className="text-scale-900 transition-colors hover:text-scale-1200">
               <IconX size={16} strokeWidth={1.5} />
             </a>
diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
index 40143e5ea1d..eb5238b2eb7 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx
@@ -65,7 +65,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
                 <ProjectDropdown />
                 {showOverUsageBadge && (
                   <div className="ml-2">
-                    <Link href={`/project/${ref}/settings/billing`}>
+                    <Link href={`/project/${ref}/settings/billing/subscription`}>
                       <a>
                         <Badge color="red">Project has exceeded usage limits </Badge>
                       </a>
diff --git a/studio/components/ui/OveragesBanner/OveragesBanner.tsx b/studio/components/ui/OveragesBanner/OveragesBanner.tsx
index fdaf402b3c2..d12517d9ad8 100644
--- a/studio/components/ui/OveragesBanner/OveragesBanner.tsx
+++ b/studio/components/ui/OveragesBanner/OveragesBanner.tsx
@@ -85,7 +85,7 @@ const OveragesBanner: FC<Props> = ({ tier, minimal }) => {
         actions={
           minimal ? (
             <div className="flex h-full items-center">
-              <Link href={`/project/${ref}/settings/billing`}>
+              <Link href={`/project/${ref}/settings/billing/subscription`}>
                 <a>
                   <Button type="default">Explore usage details</Button>
                 </a>
diff --git a/studio/components/ui/UpgradeToPro.tsx b/studio/components/ui/UpgradeToPro.tsx
index b8c7333f21d..931e1f41be5 100644
--- a/studio/components/ui/UpgradeToPro.tsx
+++ b/studio/components/ui/UpgradeToPro.tsx
@@ -27,7 +27,7 @@ const UpgradeToPro: FC<Props> = ({ primaryText, projectRef, secondaryText }) =>
             <p className="text-sm text-scale-1100">{secondaryText}</p>
           </div>
         </div>
-        <Link href={`/project/${projectRef}/settings/billing`}>
+        <Link href={`/project/${projectRef}/settings/billing/subscription`}>
           <Button type="primary">Upgrade to Pro</Button>
         </Link>
       </div>