fix(subscription): use the nav sparkle icon on the renew CTA button

PurchaseCTAButton (the "Продлить подписку" CTA) rendered a single inline
sparkle; swap it for the SubscriptionIcon component so it matches the two-star
sparkle in the navigation. Colour is inherited from the badge container.
This commit is contained in:
c0mrade
2026-05-31 19:43:54 +03:00
parent 5340f81a95
commit 8613cb20aa

View File

@@ -1,6 +1,7 @@
import { Link } from 'react-router'; import { Link } from 'react-router';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { HoverBorderGradient } from '../ui/hover-border-gradient'; import { HoverBorderGradient } from '../ui/hover-border-gradient';
import { SubscriptionIcon } from '@/components/icons';
import type { Subscription } from '../../types'; import type { Subscription } from '../../types';
interface PurchaseCTAButtonProps { interface PurchaseCTAButtonProps {
@@ -73,21 +74,10 @@ export default function PurchaseCTAButton({
background: isExpired background: isExpired
? 'rgba(255,59,92,0.12)' ? 'rgba(255,59,92,0.12)'
: 'rgba(var(--color-accent-400), 0.12)', : 'rgba(var(--color-accent-400), 0.12)',
color: accentColor,
}} }}
> >
<svg <SubscriptionIcon className="h-[18px] w-[18px]" />
width="18"
height="18"
viewBox="0 0 24 24"
fill="none"
stroke={accentColor}
strokeWidth="1.5"
strokeLinecap="round"
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" />
</svg>
</div> </div>
<div> <div>
<div className="text-[15px] font-semibold text-dark-50">{buttonText}</div> <div className="text-[15px] font-semibold text-dark-50">{buttonText}</div>