mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-30 02:23:47 +00:00
fix: clean up expired trial card - remove redundant badge and subtitle
- Remove red "Пробный период" badge from expired trial card - Remove "Пробный период завершен" subtitle text - Simplify header layout (no justify-between needed without badge) - Change "Тарифы" button link to /subscription/purchase
This commit is contained in:
@@ -50,73 +50,33 @@ export default function SubscriptionCardExpired({ subscription }: SubscriptionCa
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="mb-5 flex items-start justify-between">
|
<div className="mb-5 flex items-center gap-3">
|
||||||
<div className="flex items-center gap-3">
|
{/* Clock icon */}
|
||||||
{/* Clock icon */}
|
|
||||||
<div
|
|
||||||
className="flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-[14px]"
|
|
||||||
style={{
|
|
||||||
background: 'rgba(255,59,92,0.1)',
|
|
||||||
border: '1px solid rgba(255,59,92,0.15)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
width="22"
|
|
||||||
height="22"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="#FF3B5C"
|
|
||||||
strokeWidth="2"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10" />
|
|
||||||
<path d="M12 6v6l4 2" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h2 className="text-lg font-bold tracking-tight text-dark-50">
|
|
||||||
{subscription.is_trial
|
|
||||||
? t('dashboard.expired.trialTitle')
|
|
||||||
: t('dashboard.expired.title')}
|
|
||||||
</h2>
|
|
||||||
<span className="text-xs text-dark-50/35">
|
|
||||||
{subscription.is_trial
|
|
||||||
? t('dashboard.expired.trialSubtitle')
|
|
||||||
: t('dashboard.expired.paidSubtitle')}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Badge */}
|
|
||||||
<div
|
<div
|
||||||
className="flex items-center gap-1 rounded-full px-3 py-1 text-[11px] font-semibold"
|
className="flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-[14px]"
|
||||||
style={{
|
style={{
|
||||||
background: 'rgba(255,59,92,0.1)',
|
background: 'rgba(255,59,92,0.1)',
|
||||||
border: '1px solid rgba(255,59,92,0.2)',
|
border: '1px solid rgba(255,59,92,0.15)',
|
||||||
color: '#FF3B5C',
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{subscription.is_trial && (
|
<svg
|
||||||
<svg
|
width="22"
|
||||||
width="12"
|
height="22"
|
||||||
height="12"
|
viewBox="0 0 24 24"
|
||||||
viewBox="0 0 24 24"
|
fill="none"
|
||||||
fill="none"
|
stroke="#FF3B5C"
|
||||||
stroke="currentColor"
|
strokeWidth="2"
|
||||||
strokeWidth="2"
|
strokeLinecap="round"
|
||||||
aria-hidden="true"
|
strokeLinejoin="round"
|
||||||
>
|
aria-hidden="true"
|
||||||
<path
|
>
|
||||||
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"
|
<circle cx="12" cy="12" r="10" />
|
||||||
strokeLinecap="round"
|
<path d="M12 6v6l4 2" />
|
||||||
strokeLinejoin="round"
|
</svg>
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
)}
|
|
||||||
{subscription.is_trial ? t('subscription.trialStatus') : t('subscription.expired')}
|
|
||||||
</div>
|
</div>
|
||||||
|
<h2 className="text-lg font-bold tracking-tight text-dark-50">
|
||||||
|
{subscription.is_trial ? t('dashboard.expired.trialTitle') : t('dashboard.expired.title')}
|
||||||
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Expired date */}
|
{/* Expired date */}
|
||||||
@@ -149,7 +109,7 @@ export default function SubscriptionCardExpired({ subscription }: SubscriptionCa
|
|||||||
{t('dashboard.expired.renew')}
|
{t('dashboard.expired.renew')}
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
<Link
|
||||||
to="/subscription"
|
to="/subscription/purchase"
|
||||||
className="flex items-center justify-center rounded-[14px] px-5 py-3.5 text-[15px] font-semibold tracking-tight text-dark-50/50 transition-colors duration-200"
|
className="flex items-center justify-center rounded-[14px] px-5 py-3.5 text-[15px] font-semibold tracking-tight text-dark-50/50 transition-colors duration-200"
|
||||||
style={{
|
style={{
|
||||||
background: g.innerBg,
|
background: g.innerBg,
|
||||||
|
|||||||
Reference in New Issue
Block a user