calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-02-11 20:29:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

use purple banner for all paid features alert

Browse Source
This commit is contained in:
miloschwartz
2026-02-10 21:21:20 -08:00
committed by Owen
parent b75600b9ea
commit 8207e49317
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/PaidFeaturesAlert.tsx
View File

@@ -10,10 +10,11 @@ import { useEnvContext } from "@app/hooks/useEnvContext";
import { Tier } from "@server/types/Tiers";
const bannerClassName =
"mb-6 border-primary/30 bg-linear-to-br from-primary/10 via-background to-background overflow-hidden";
"mb-6 border-purple-500/30 bg-linear-to-br from-purple-500/10 via-background to-background overflow-hidden";
const bannerContentClassName = "py-3 px-4";
const bannerRowClassName =
"flex items-center gap-2.5 text-sm text-muted-foreground";
const bannerIconClassName = "size-4 shrink-0 text-purple-500";
type Props = {
tiers: Tier[];
@@ -34,7 +35,7 @@ export function PaidFeaturesAlert({ tiers }: Props) {
<Card className={bannerClassName}>
<CardContent className={bannerContentClassName}>
<div className={bannerRowClassName}>
<KeyRound className="size-4 shrink-0 text-primary" />
<KeyRound className={bannerIconClassName} />
<span>{isActive ? t("mustUpgradeToUse") : t("subscriptionRequiredToUse")}</span>
</div>
</CardContent>
@@ -45,7 +46,7 @@ export function PaidFeaturesAlert({ tiers }: Props) {
<Card className={bannerClassName}>
<CardContent className={bannerContentClassName}>
<div className={bannerRowClassName}>
<KeyRound className="size-4 shrink-0 text-primary" />
<KeyRound className={bannerIconClassName} />
<span>{t("licenseRequiredToUse")}</span>
</div>
</CardContent>
@@ -53,10 +54,10 @@ export function PaidFeaturesAlert({ tiers }: Props) {
) : null}
{build === "oss" && !hasEnterpriseLicense ? (
<Card className="mb-6 border-purple-500/30 bg-linear-to-br from-purple-500/10 via-background to-background overflow-hidden">
<Card className={bannerClassName}>
<CardContent className={bannerContentClassName}>
<div className={bannerRowClassName}>
<KeyRound className="size-4 shrink-0 text-purple-500" />
<KeyRound className={bannerIconClassName} />
<span>
{t.rich("ossEnterpriseEditionRequired", {
enterpriseEditionLink: (chunks) => (