diff --git a/web/src/lib/components/repo/PanelHeader.svelte b/web/src/lib/components/repo/PanelHeader.svelte index 84bf05cc..06f98237 100644 --- a/web/src/lib/components/repo/PanelHeader.svelte +++ b/web/src/lib/components/repo/PanelHeader.svelte @@ -2,6 +2,7 @@ import { resolve } from "$app/paths"; import type { Component } from "svelte"; import type { SvelteHTMLElements } from "svelte/elements"; + import { formatCount } from "$lib/format"; interface Props { title: string; @@ -23,7 +24,7 @@ {title} {#if count !== undefined} - {approximate && count > 0 ? `${count}+` : count} + {approximate && count > 0 ? `${formatCount(count)}+` : formatCount(count)} {/if} diff --git a/web/src/lib/components/repo/RepoCardContent.svelte b/web/src/lib/components/repo/RepoCardContent.svelte index e45391dc..3dfaa93b 100644 --- a/web/src/lib/components/repo/RepoCardContent.svelte +++ b/web/src/lib/components/repo/RepoCardContent.svelte @@ -7,6 +7,7 @@ import GitPullRequest from "$icon/git-pull-request"; import StarButton from "./StarButton.svelte"; import type { RepoCardData } from "$lib/components/profile/types"; + import { formatCount } from "$lib/format"; let { repo, starButton = true, @@ -68,7 +69,7 @@ {#each stats as stat (stat.Icon)} {/each} diff --git a/web/src/lib/components/repo/RepoHeader.svelte b/web/src/lib/components/repo/RepoHeader.svelte index 2c9456b9..e2a9eff4 100644 --- a/web/src/lib/components/repo/RepoHeader.svelte +++ b/web/src/lib/components/repo/RepoHeader.svelte @@ -10,6 +10,7 @@ import { getAuth } from "$lib/auth.svelte"; import StarButton from "./StarButton.svelte"; import type { RepoCounts, RepoInfo } from "./types"; + import { formatCount } from "$lib/format"; interface Props { repo: RepoInfo; @@ -44,7 +45,7 @@ icon={Star} title="Starred by" > - {counts.stars} + {formatCount(counts.stars)} {/if} @@ -60,7 +61,7 @@ Fork diff --git a/web/src/lib/components/repo/RepoToolbar.svelte b/web/src/lib/components/repo/RepoToolbar.svelte index 8f9d1c5a..ea43b738 100644 --- a/web/src/lib/components/repo/RepoToolbar.svelte +++ b/web/src/lib/components/repo/RepoToolbar.svelte @@ -8,6 +8,7 @@ import CloneDropdown from "./CloneDropdown.svelte"; import RefSelector from "./RefSelector.svelte"; import type { RepoInfo } from "./types"; + import { formatCount } from "$lib/format"; interface Props { repo: RepoInfo; @@ -56,21 +57,21 @@ class="inline-flex items-center gap-1 typography-paragraph-small font-bold text-foreground-default no-underline hover:underline md:hidden" >