fix(cloud): hide empty notice box for pro subscriptions

This commit is contained in:
Henry
2026-05-25 21:48:21 +01:00
parent bac22021ad
commit e32ad1cd32

View File

@@ -297,29 +297,27 @@ export function InviteMemberForm({
</div> </div>
)} )}
{env("NEXT_PUBLIC_KAN_ENV") === "cloud" && ( {env("NEXT_PUBLIC_KAN_ENV") === "cloud" &&
<div className="mt-3 rounded-md bg-light-100 p-3 text-xs text-light-900 dark:bg-dark-200 dark:text-dark-900"> (isPartnerTier && seatLimit !== null ? (
{isPartnerTier && seatLimit !== null ? ( <div className="mt-3 rounded-md bg-light-100 p-3 text-xs text-light-900 dark:bg-dark-200 dark:text-dark-900">
<div> <div className="flex items-center justify-between">
<div className="flex items-center justify-between"> <span className="font-medium text-emerald-500 dark:text-emerald-400">
<span className="font-medium text-emerald-500 dark:text-emerald-400"> {hasTeamSubscription ? t`Team Plan` : t`Pro Plan`}
{hasTeamSubscription ? t`Team Plan` : t`Pro Plan`} </span>
</span> <span className="text-light-900 dark:text-dark-900">
<span className="text-light-900 dark:text-dark-900"> {memberCount} / {seatLimit} {t`seats`}
{memberCount} / {seatLimit} {t`seats`} </span>
</span>
</div>
</div> </div>
) : !unlimitedSeats ? ( </div>
hasTeamSubscription || hasProSubscription ? ( ) : !unlimitedSeats ? (
<div className="mt-3 rounded-md bg-light-100 p-3 text-xs text-light-900 dark:bg-dark-200 dark:text-dark-900">
{hasTeamSubscription || hasProSubscription ? (
<div> <div>
<span className="font-medium text-emerald-500 dark:text-emerald-400"> <span className="font-medium text-emerald-500 dark:text-emerald-400">
{hasTeamSubscription ? t`Team Plan` : t`Pro Plan ∞`} {hasTeamSubscription ? t`Team Plan` : t`Pro Plan ∞`}
</span> </span>
<p className="mt-1"> <p className="mt-1">
{unlimitedSeats {t`Adding a new member will cost an additional ${price} (${billingType}) per seat.`}
? t`You have unlimited seats with your Pro Plan. There is no additional charge for new members!`
: t`Adding a new member will cost an additional ${price} (${billingType}) per seat.`}
</p> </p>
</div> </div>
) : ( ) : (
@@ -331,10 +329,9 @@ export function InviteMemberForm({
{t`Inviting members requires a Team or Pro plan. You'll be redirected to upgrade your workspace.`} {t`Inviting members requires a Team or Pro plan. You'll be redirected to upgrade your workspace.`}
</p> </p>
</div> </div>
) )}
) : null} </div>
</div> ) : null)}
)}
</div> </div>
<div className="mt-12 flex items-center justify-end space-x-4 border-t border-light-600 px-5 pb-5 pt-5 dark:border-dark-600"> <div className="mt-12 flex items-center justify-end space-x-4 border-t border-light-600 px-5 pb-5 pt-5 dark:border-dark-600">