fix: apply reduceAnimations to stats display
This commit is contained in:
parent
831056360a
commit
13b1d075f1
@ -347,7 +347,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center justify-center gap-2 p-3 rounded-lg">
|
<div class="flex flex-col items-center justify-center gap-2 p-3 rounded-lg">
|
||||||
<Progress indeterminate={progress === -1} value={progress} />
|
<Progress indeterminate={progress === -1} value={progress} />
|
||||||
<span class="text-muted-foreground">{launchInfo}</span>
|
<span class="text-muted-foreground text-sm mt-4">{launchInfo}</span>
|
||||||
</div>
|
</div>
|
||||||
</AlertDialog.Content>
|
</AlertDialog.Content>
|
||||||
</AlertDialog.Root>
|
</AlertDialog.Root>
|
||||||
@ -471,11 +471,17 @@
|
|||||||
<div class="flex items-center h-full text-lg font-semibold text-theme-50">
|
<div class="flex items-center h-full text-lg font-semibold text-theme-50">
|
||||||
{#if $currentUserInfo}
|
{#if $currentUserInfo}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
|
{#if $reduceAnimations}
|
||||||
|
<span>
|
||||||
|
#{numberHumanReadable($currentUserInfo.stats[selectedGamemode].rank ?? 0)}
|
||||||
|
</span>
|
||||||
|
{:else}
|
||||||
<NumberFlow
|
<NumberFlow
|
||||||
trend={0}
|
trend={0}
|
||||||
prefix="#"
|
prefix="#"
|
||||||
value={$currentUserInfo.stats[selectedGamemode].rank ?? 0}
|
value={$currentUserInfo.stats[selectedGamemode].rank ?? 0}
|
||||||
></NumberFlow>
|
/>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
@ -489,8 +495,16 @@
|
|||||||
<div class="flex items-center h-full text-lg font-semibold text-theme-50">
|
<div class="flex items-center h-full text-lg font-semibold text-theme-50">
|
||||||
{#if $currentUserInfo}
|
{#if $currentUserInfo}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
<NumberFlow trend={0} value={$currentUserInfo.stats[selectedGamemode].pp ?? 0}
|
{#if $reduceAnimations}
|
||||||
></NumberFlow>
|
<span>
|
||||||
|
{numberHumanReadable($currentUserInfo.stats[selectedGamemode].pp ?? 0)}
|
||||||
|
</span>
|
||||||
|
{:else}
|
||||||
|
<NumberFlow
|
||||||
|
trend={0}
|
||||||
|
value={$currentUserInfo.stats[selectedGamemode].pp ?? 0}
|
||||||
|
/>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
@ -507,11 +521,16 @@
|
|||||||
>
|
>
|
||||||
{#if $currentUserInfo}
|
{#if $currentUserInfo}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
|
{#if $reduceAnimations}
|
||||||
|
<span>{($currentUserInfo.stats[selectedGamemode].acc ?? 0).toFixed(2)}%</span>
|
||||||
|
{:else}
|
||||||
<NumberFlow
|
<NumberFlow
|
||||||
|
class="leading-none"
|
||||||
trend={0}
|
trend={0}
|
||||||
suffix="%"
|
suffix="%"
|
||||||
value={$currentUserInfo.stats[selectedGamemode].acc.toFixed(2) ?? 0}
|
value={($currentUserInfo.stats[selectedGamemode].acc ?? 0).toFixed(2)}
|
||||||
></NumberFlow>
|
/>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
@ -526,8 +545,19 @@
|
|||||||
>
|
>
|
||||||
{#if $currentUserInfo}
|
{#if $currentUserInfo}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
<NumberFlow trend={0} value={$currentUserInfo.stats[selectedGamemode].plays ?? 0}
|
{#if $reduceAnimations}
|
||||||
></NumberFlow>
|
<span
|
||||||
|
>{numberHumanReadable(
|
||||||
|
$currentUserInfo.stats[selectedGamemode].plays ?? 0
|
||||||
|
)}</span
|
||||||
|
>
|
||||||
|
{:else}
|
||||||
|
<NumberFlow
|
||||||
|
class="leading-none"
|
||||||
|
trend={0}
|
||||||
|
value={$currentUserInfo.stats[selectedGamemode].plays ?? 0}
|
||||||
|
/>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div in:fade>
|
<div in:fade>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user