fix: hide trial banner when subscription expired banner is active

This commit is contained in:
Fringg
2026-03-20 07:18:11 +03:00
parent 94c8e73787
commit d34f5e8559

View File

@@ -409,48 +409,54 @@ export default function SubscriptionPurchase() {
padding: '24px 28px', padding: '24px 28px',
}} }}
> >
{/* Trial upgrade prompt */} {/* Trial upgrade prompt — hidden when expired banner is active */}
{subscription?.is_trial && ( {subscription?.is_trial &&
<div !(
className="mb-6 rounded-[14px] p-4" isTariffsMode &&
style={{ purchaseOptions &&
background: 'subscription_is_expired' in purchaseOptions &&
'linear-gradient(135deg, rgba(255,184,0,0.08), rgba(var(--color-accent-400),0.06))', purchaseOptions.subscription_is_expired
border: '1px solid rgba(255,184,0,0.15)', ) && (
}} <div
> className="mb-6 rounded-[14px] p-4"
<div className="flex items-start gap-3"> style={{
<div background:
className="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px]" 'linear-gradient(135deg, rgba(255,184,0,0.08), rgba(var(--color-accent-400),0.06))',
style={{ background: 'rgba(255,184,0,0.12)' }} border: '1px solid rgba(255,184,0,0.15)',
> }}
<svg >
width="16" <div className="flex items-start gap-3">
height="16" <div
viewBox="0 0 24 24" className="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-[10px]"
fill="none" style={{ background: 'rgba(255,184,0,0.12)' }}
stroke="#FFB800"
strokeWidth="1.5"
aria-hidden="true"
> >
<path <svg
strokeLinecap="round" width="16"
strokeLinejoin="round" height="16"
d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" viewBox="0 0 24 24"
/> fill="none"
</svg> stroke="#FFB800"
</div> strokeWidth="1.5"
<div> aria-hidden="true"
<div className="text-sm font-semibold" style={{ color: '#FFB800' }}> >
{t('subscription.trialUpgrade.title')} <path
strokeLinecap="round"
strokeLinejoin="round"
d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z"
/>
</svg>
</div> </div>
<div className="mt-1 text-[12px] text-dark-50/40"> <div>
{t('subscription.trialUpgrade.description')} <div className="text-sm font-semibold" style={{ color: '#FFB800' }}>
{t('subscription.trialUpgrade.title')}
</div>
<div className="mt-1 text-[12px] text-dark-50/40">
{t('subscription.trialUpgrade.description')}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> )}
)}
{/* Expired subscription notice */} {/* Expired subscription notice */}
{isTariffsMode && {isTariffsMode &&