feat: Move manage billing button to billing page

This commit is contained in:
mrhid6
2026-07-27 21:47:50 +01:00
parent 792b7eb211
commit 2869e63d0a
2 changed files with 7 additions and 6 deletions
+7 -3
View File
@@ -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"
-3
View File
@@ -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>