Improve readablility
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
import { page } from "$app/state";
|
import { page } from "$app/state";
|
||||||
import { goto } from "$app/navigation";
|
import { goto } from "$app/navigation";
|
||||||
import { api } from "$lib/api";
|
import { api } from "$lib/api";
|
||||||
import { Activity, cmToIn, kgToLb, msToTime } from "@blade-and-brawn/domain";
|
import { Activity, cmToIn, kgToLb } from "@blade-and-brawn/domain";
|
||||||
import type { ActivityVerifications } from "@blade-and-brawn/domain";
|
import type { ActivityVerifications } from "@blade-and-brawn/domain";
|
||||||
import type { VerificationStatus } from "@blade-and-brawn/api";
|
import type { VerificationStatus } from "@blade-and-brawn/api";
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
@@ -59,9 +59,14 @@
|
|||||||
case Activity.Deadlift:
|
case Activity.Deadlift:
|
||||||
case Activity.BenchPress:
|
case Activity.BenchPress:
|
||||||
return `${Math.round(kgToLb(value))} lb`;
|
return `${Math.round(kgToLb(value))} lb`;
|
||||||
case Activity.Run:
|
case Activity.Run: {
|
||||||
|
const totalSeconds = Math.floor(value / 1000);
|
||||||
|
const minutes = Math.floor(totalSeconds / 60);
|
||||||
|
const seconds = totalSeconds % 60;
|
||||||
|
return `${minutes}m ${seconds}s`;
|
||||||
|
}
|
||||||
case Activity.ConeDrill:
|
case Activity.ConeDrill:
|
||||||
return msToTime(value, true);
|
return `${(value / 1000).toFixed(2)} seconds`;
|
||||||
case Activity.BroadJump: {
|
case Activity.BroadJump: {
|
||||||
const inches = cmToIn(value);
|
const inches = cmToIn(value);
|
||||||
const ft = Math.floor(inches / 12);
|
const ft = Math.floor(inches / 12);
|
||||||
@@ -257,12 +262,12 @@
|
|||||||
<div class="w-full flex flex-col gap-4 bg-base-200/60 rounded-lg p-6 mt-4">
|
<div class="w-full flex flex-col gap-4 bg-base-200/60 rounded-lg p-6 mt-4">
|
||||||
<div class="flex items-center justify-between flex-wrap gap-2">
|
<div class="flex items-center justify-between flex-wrap gap-2">
|
||||||
<h2 class="text-lg font-semibold">{activity}</h2>
|
<h2 class="text-lg font-semibold">{activity}</h2>
|
||||||
<span class="text-sm opacity-70"
|
<div class="text-right">
|
||||||
>Claimed: {formatPerformance(
|
<div class="text-xs opacity-60">Claimed</div>
|
||||||
activity,
|
<div class="text-2xl font-bold">
|
||||||
v[PERF_COLUMN[activity]],
|
{formatPerformance(activity, v[PERF_COLUMN[activity]])}
|
||||||
)}</span
|
</div>
|
||||||
>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if v[URL_COLUMN[activity]]}
|
{#if v[URL_COLUMN[activity]]}
|
||||||
|
|||||||
Reference in New Issue
Block a user