Skip to content

fix: limit performance chart to one week #839

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
decofe wants to merge 1 commit into
base: main
Choose a base branch
from
+11 −3
Open

fix: limit performance chart to one week #839

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions src/marketing/app/performance/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ import { fetchPerfRuns, fmtInt, type PerfRun } from './_lib/runs'

const STATUS_PAGE_URL = 'https://status.tempo.xyz'
const PERF_DASHBOARD_URL = 'https://perf.tempo.xyz/'
const ONE_WEEK_MS = 7 * 24 * 60 * 60 * 1000
const HERO_STAT_LABELS = ['Transactions per second', 'Avg block time', 'Average fee']
const SETTLEMENT_SKELETON_CELLS = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']
const UPTIME_SKELETON_BARS = Array.from({ length: 90 }, (_, i) => `bar-${i}`)
Expand Down Expand Up @@ -252,6 +253,13 @@ export default function PerformancePage() {

const latest = runs[runs.length - 1]
const hasRuns = runs.length >= 2
const chartRuns = latest
? runs.filter(
(run) =>
new Date(run.startedAt).getTime() >= new Date(latest.startedAt).getTime() - ONE_WEEK_MS,
)
: []
const hasChartRuns = chartRuns.length >= 2

const heroStats = latest
? [
Expand All @@ -275,7 +283,7 @@ export default function PerformancePage() {
<div className="mx-auto w-full max-w-7xl border-line border-x bg-surface-shell">
<Header />

{/* Hero: headline + live gradient chart of the full nightly feed */}
{/* Hero: headline + live gradient chart of the latest week of nightly runs */}
<section className="relative border-line border-b px-5 pt-20 pb-12 lg:px-8 lg:pt-28">
<Reveal className="flex flex-col items-center text-center">
<h1 className="max-w-[880px] text-balance font-sans text-[clamp(2.5rem,6vw,3.5rem)] text-foreground leading-[1.05] tracking-[-0.03em] antialiased">
Expand All @@ -285,9 +293,9 @@ export default function PerformancePage() {

{!runsLoaded ? (
<HeroChartSkeleton />
) : hasRuns ? (
) : hasChartRuns ? (
<Reveal delay={150} className="mt-16">
<TpsTrendChart runs={runs} />
<TpsTrendChart runs={chartRuns} />
<div className="mt-10 text-center">
<p className="font-sans text-[20px] text-foreground leading-tight tracking-[0]">
Transactions per second
Expand Down
Loading