vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use formatNumberCompact helper in post platform metrics

Browse source
This commit is contained in:
Paulo Castellano 2026-06-14 14:09:39 -03:00
parent 389177c25b
commit c9f086ea94
1 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
resources/js/components/posts/PostPlatformMetrics.vue
View file

@ -9,6 +9,7 @@ import {
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip';
import { formatNumberCompact } from '@/lib/utils';
import { metrics as metricsRoute } from '@/routes/app/posts/platforms';
interface Metric {
@ -39,13 +40,6 @@ const reactions = computed(() =>
const hasMetrics = computed(() => metrics.value.length > 0);
const formatNumber = (n: number): string => {
if (n >= 1_000_000)
return (n / 1_000_000).toFixed(1).replace(/\.0$/, '') + 'M';
if (n >= 1_000) return (n / 1_000).toFixed(1).replace(/\.0$/, '') + 'K';
return n.toString();
};
const http = useHttp<Record<string, never>, MetricsResponse>({});
onMounted(async () => {
@ -98,7 +92,7 @@ onMounted(async () => {
{{ metric.label }}
</p>
<p class="text-sm font-semibold tabular-nums">
{{ formatNumber(metric.value) }}
{{ formatNumberCompact(metric.value) }}
</p>
</div>
</div>
@ -116,7 +110,7 @@ onMounted(async () => {
>
<IconUsers class="size-3.5 text-muted-foreground" />
<span class="font-semibold tabular-nums">{{
formatNumber(subscribers.value)
formatNumberCompact(subscribers.value)
}}</span>
</span>
</TooltipTrigger>
@ -139,7 +133,7 @@ onMounted(async () => {
>
<span class="text-sm leading-none">{{ reaction.label }}</span>
<span class="font-semibold tabular-nums">{{
formatNumber(reaction.value)
formatNumberCompact(reaction.value)
}}</span>
</span>
</div>