Improve readablility

This commit is contained in:
Dominic Ferrando
2026-09-19 18:17:23 -04:00
parent 3c0233f087
commit 4ba65d935b
@@ -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]]}