feat(web): more localized number formatting (#11401)

This commit is contained in:
Michel Heusschen 2024-07-29 16:38:27 +02:00 committed by GitHub
parent 2e059bfbfd
commit 0237f9baa3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 44 additions and 19 deletions

View file

@ -1,4 +1,5 @@
<script lang="ts">
import { locale } from '$lib/stores/preferences.store';
import type { ActivityResponseDto } from '@immich/sdk';
import { mdiCommentOutline, mdiHeart, mdiHeartOutline } from '@mdi/js';
import { createEventDispatcher } from 'svelte';
@ -24,7 +25,7 @@
<div class="flex gap-2 items-center justify-center">
<Icon path={mdiCommentOutline} class="scale-x-[-1]" size={24} />
{#if numberOfComments}
<div class="text-xl">{numberOfComments}</div>
<div class="text-xl">{numberOfComments.toLocaleString($locale)}</div>
{/if}
</div>
</button>

View file

@ -35,7 +35,9 @@
<div class="h-[7px] rounded-full bg-immich-primary" style={`width: ${download.percentage}%`} />
</div>
<p class="min-w-[4em] whitespace-nowrap text-right">
<span class="text-immich-primary">{download.percentage}%</span>
<span class="text-immich-primary">
{(download.percentage / 100).toLocaleString($locale, { style: 'percent' })}
</span>
</p>
</div>
</div>