feat(stats): pro personalized handoff 추가

This commit is contained in:
2026-03-14 19:45:55 +09:00
parent c8b00905cd
commit 5d3a5ac8ac
8 changed files with 47 additions and 9 deletions

View File

@@ -1,6 +1,7 @@
'use client';
import Link from 'next/link';
import { usePlanTier } from '@/entities/plan';
import { useFocusStats } from '@/features/stats';
import { copy } from '@/shared/i18n';
import { cn } from '@/shared/lib/cn';
@@ -79,7 +80,9 @@ const ReviewSection = ({
export const StatsOverviewWidget = () => {
const { stats } = copy;
const { isPro } = usePlanTier();
const { review, isLoading, error, source, refetch } = useFocusStats();
const carryForwardCtaLabel = isPro ? stats.reviewCarryCtaPro : review.carryForward.ctaLabel;
return (
<div className="min-h-screen bg-[radial-gradient(circle_at_14%_0%,rgba(198,219,244,0.52),transparent_42%),radial-gradient(circle_at_88%_12%,rgba(232,240,249,0.8),transparent_34%),linear-gradient(180deg,#f8fbff_0%,#f2f7fc_46%,#edf3f9_100%)] text-brand-dark">
@@ -193,11 +196,22 @@ export const StatsOverviewWidget = () => {
</p>
</div>
{isPro ? (
<div className="mt-5 rounded-2xl border border-brand-dark/8 bg-white/56 px-4 py-3">
<p className="text-[11px] font-medium tracking-[0.08em] text-brand-dark/42">
{stats.reviewCarryPresetLabel}
</p>
<p className="mt-2 text-[13px] font-medium text-brand-dark/82">
{review.carryForward.presetLabel}
</p>
</div>
) : null}
<Link
href={review.carryForward.ctaHref}
className="mt-6 inline-flex rounded-full border border-brand-dark/14 bg-brand-dark px-4 py-2.5 text-[12px] font-medium tracking-[0.04em] text-white transition hover:bg-brand-dark/92"
>
{review.carryForward.ctaLabel}
{carryForwardCtaLabel}
</Link>
</div>
</section>