Aimpress/cohorta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(landing): credit tooltip — Tooltip → Popover for click-triggered behaviour

Browse source
This commit is contained in:
Vadym Samoilenko 2026-05-24 18:07:49 +01:00
parent 769e4323a2
commit 8df1e6c5b1
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/landing/Pricing.tsx
View file

@ -2,7 +2,7 @@ import { useState, useEffect, useCallback } from 'react';
import { motion } from 'framer-motion';
import { useNavigate } from 'react-router-dom';
import { CheckCircle2, Info, RefreshCw } from 'lucide-react';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
import { fadeUp, staggerChildren, viewportOnce } from '@/lib/motion';
import { billingApi } from '@/lib/api';
import { useTranslation } from 'react-i18next';
@ -41,21 +41,21 @@ function buildFeatures(pack: CreditPack, personaCost: number, runCost: number):
function CreditTooltip({ personaCost, runCost }: { personaCost: number; runCost: number }) {
const { t } = useTranslation();
return (
<Tooltip>
<TooltipTrigger asChild>
<Popover>
<PopoverTrigger asChild>
<button className="inline-flex items-center gap-1 text-xs text-primary underline underline-offset-2 hover:text-primary/80">
<Info className="h-3 w-3" />
{t('pricing.tooltip_trigger')}
</button>
</TooltipTrigger>
<TooltipContent className="max-w-xs p-3">
</PopoverTrigger>
<PopoverContent className="max-w-xs p-3" side="top">
<p className="text-xs leading-relaxed">
<strong>{t('pricing.tooltip_persona')}</strong> = {personaCost} credits<br />
<strong>{t('pricing.tooltip_run')}</strong> = {runCost} credits<br />
<strong>{t('pricing.tooltip_credits_never_expire')}</strong> {t('pricing.tooltip_trial')}
</p>
</TooltipContent>
</Tooltip>
</PopoverContent>
</Popover>
);
}