diff --git a/ui/desktop/src/components/bottom_menu/CostTracker.tsx b/ui/desktop/src/components/bottom_menu/CostTracker.tsx index bbfd9ff23..af248c557 100644 --- a/ui/desktop/src/components/bottom_menu/CostTracker.tsx +++ b/ui/desktop/src/components/bottom_menu/CostTracker.tsx @@ -1,5 +1,4 @@ import { useState, useEffect } from 'react'; -import { CoinIcon } from '../icons'; import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/Tooltip'; import { fetchCanonicalModelInfo, type CanonicalModelInfo } from '../../utils/canonical'; import { defineMessages, useIntl } from '../../i18n'; @@ -114,6 +113,8 @@ export function CostTracker({ ); } + const currency = costInfo?.currency || '$'; + if ( accumulatedCost == null && (!costInfo || @@ -146,8 +147,10 @@ export function CostTracker({
- - 0.0000 + + {currency} + {formatCost(0)} +
{getUnavailableTooltip()} @@ -163,8 +166,6 @@ export function CostTracker({ return intl.formatMessage(i18n.pricingUnavailable, { model: `${currentProvider}/${currentModel}` }); } - const currency = costInfo?.currency || '$'; - if (accumulatedCost != null) { return intl.formatMessage(i18n.totalSessionCost, { cost: `${currency}${totalCost.toFixed(4)}` }) + `\n` + intl.formatMessage(i18n.inputOutputTooltip, { @@ -189,8 +190,10 @@ export function CostTracker({
- - {formatCost(totalCost)} + + {currency} + {formatCost(totalCost)} +
{getTooltipContent()} diff --git a/ui/desktop/src/components/icons/CoinIcon.tsx b/ui/desktop/src/components/icons/CoinIcon.tsx deleted file mode 100644 index e4a5506c6..000000000 --- a/ui/desktop/src/components/icons/CoinIcon.tsx +++ /dev/null @@ -1,64 +0,0 @@ -export default function CoinIcon({ className = '', size = 16 }) { - return ( - - {/* Main coin circle */} - - - {/* Inner circle for depth */} - - - {/* Scalloped edge decoration - 8 evenly spaced notches */} - - - - - - - - - - {/* Dollar sign */} - - {/* Vertical line */} - - {/* Top S curve */} - - {/* Bottom S curve */} - - - - ); -} diff --git a/ui/desktop/src/components/icons/index.tsx b/ui/desktop/src/components/icons/index.tsx index 36a3c9aef..ac6987850 100644 --- a/ui/desktop/src/components/icons/index.tsx +++ b/ui/desktop/src/components/icons/index.tsx @@ -11,7 +11,6 @@ import Check from './Check'; import Close from './Close'; import { CodeXml } from './CodeXml'; import { Cog } from './Cog'; -import CoinIcon from './CoinIcon'; import Copy from './Copy'; import { Fuel } from './Fuel'; import { GalleryHorizontalEnd } from './GalleryHorizontalEnd'; @@ -43,7 +42,6 @@ export { Close, CodeXml, Cog, - CoinIcon, Copy, Fuel, GalleryHorizontalEnd,