feat(stats): pro personalized handoff 추가
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user