calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-06-15 03:48:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Link to primary org only when you can see billing

Browse Source
This commit is contained in:
Owen
2026-06-09 10:33:14 -07:00
parent 407ba567a0
commit 1907a3c93b
2 changed files with 47 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/SubscriptionViolation.tsx
View File

@@ -4,20 +4,23 @@ import { Button } from "@app/components/ui/button";
import { useSubscriptionStatusContext } from "@app/hooks/useSubscriptionStatusContext";
import { useState } from "react";
import Link from "next/link";
import { useParams } from "next/navigation";
import { useTranslations } from "next-intl";
export default function SubscriptionViolation() {
interface SubscriptionViolationProps {
billingHref?: string | null;
canViewBilling?: boolean;
}
export default function SubscriptionViolation({
billingHref,
canViewBilling = false
}: SubscriptionViolationProps) {
const context = useSubscriptionStatusContext();
const [isDismissed, setIsDismissed] = useState(false);
const params = useParams();
const orgId = params?.orgId as string | undefined;
const t = useTranslations();
if (!context?.limitsExceeded || isDismissed) return null;
const billingHref = orgId ? `/${orgId}/settings/billing` : "/";
return (
<div className="fixed bottom-0 left-0 right-0 w-full bg-amber-600 text-white p-4 text-center z-50">
<div className="flex flex-wrap justify-center items-center gap-2 sm:gap-4">
@@ -25,16 +28,18 @@ export default function SubscriptionViolation() {
{t("subscriptionViolationMessage")}
</p>
<div className="flex items-center gap-2">
<Button
variant="secondary"
size="sm"
className="bg-white/20 hover:bg-white/30 text-white border-0"
asChild
>
<Link href={billingHref}>
{t("subscriptionViolationViewBilling")}
</Link>
</Button>
{canViewBilling && billingHref && (
<Button
variant="secondary"
size="sm"
className="bg-white/20 hover:bg-white/30 text-white border-0"
asChild
>
<Link href={billingHref}>
{t("subscriptionViolationViewBilling")}
</Link>
</Button>
)}
<Button
variant="ghost"
size="sm"