mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
fix: hide trial banner when subscription expired banner is active
This commit is contained in:
@@ -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 &&
|
||||||
|
|||||||
Reference in New Issue
Block a user