From 2869e63d0a84c1fe68bdf6afec23972ce0eb03a6 Mon Sep 17 00:00:00 2001
From: mrhid6 <dominic.richardson1@hotmail.co.uk>
Date: Mon, 27 Jul 2026 21:47:50 +0100
Subject: [PATCH] feat: Move manage billing button to billing page

---
 adminsite/app/(customer)/billing/page.tsx | 10 +++++++---
 adminsite/components/InstanceRecord.tsx   |  3 ---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/adminsite/app/(customer)/billing/page.tsx b/adminsite/app/(customer)/billing/page.tsx
index d482620..440b396 100644
--- a/adminsite/app/(customer)/billing/page.tsx
+++ b/adminsite/app/(customer)/billing/page.tsx
@@ -5,6 +5,7 @@ import { API_BASE, NotConnected, api } from "@/lib/api";
 import { NotConnectedPanel } from "@/components/NotConnected";
 import { PageFrame, RailCard, RailFacts } from "@/components/PageFrame";
 import { PageHeader } from "@/components/PageHeader";
+import { ManageBillingButton } from "@/components/ManageBillingButton";
 import { formatDate } from "@/lib/format";
 
 export default function BillingPage() {
@@ -51,9 +52,12 @@ export default function BillingPage() {
                         </RailCard>
                         <RailCard title="Need a change?">
                             <p className="text-[0.82rem] text-ink-2">
-                                To change a card, download an invoice or cancel, email support and
-                                we will send you a billing link. Self-service billing arrives with
-                                card payments.
+                                Change a card, download an invoice or cancel from the billing
+                                portal. It covers every subscription on this account.
+                            </p>
+                            <ManageBillingButton />
+                            <p className="text-[0.82rem] text-ink-2">
+                                Anything else, email support.
                             </p>
                             <a
                                 href="mailto:support@hostxtra.co.uk"
diff --git a/adminsite/components/InstanceRecord.tsx b/adminsite/components/InstanceRecord.tsx
index 68f397f..8b15976 100644
--- a/adminsite/components/InstanceRecord.tsx
+++ b/adminsite/components/InstanceRecord.tsx
@@ -5,7 +5,6 @@ import clsx from "clsx";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
 import { api, type Instance, type License } from "@/lib/api";
-import { ManageBillingButton } from "@/components/ManageBillingButton";
 import { daysRemaining, formatDate, licenceState, limitLabel } from "@/lib/format";
 import { StatePill } from "./StatePill";
 import { Button, LinkButton } from "./Button";
@@ -195,8 +194,6 @@ export function InstanceRecord({ instance, license, reapAfterDays, defaultOpen =
                             {renew.isPending ? "Renewing…" : "Renew"}
                         </Button>
                     )}
-
-                    {instance.tier && instance.tier !== "free" && <ManageBillingButton />}
                 </div>
             </div>
         </article>