Skip to content

Fix #20 (% on High Skill avg-pick) + add a build CI workflow#23

Open
bloppbot wants to merge 2 commits into
Noxville:mainfrom
bloppbot:fix/high-skill-pick-suffix-and-ci
Open

Fix #20 (% on High Skill avg-pick) + add a build CI workflow#23
bloppbot wants to merge 2 commits into
Noxville:mainfrom
bloppbot:fix/high-skill-pick-suffix-and-ci

Conversation

@bloppbot

Copy link
Copy Markdown

Hey @Noxville — long-time reader of windrun.io, thought I'd send a small contribution. The site is a great resource for AD players. Two unrelated but small changes bundled here so you only have to review once; happy to split if you'd prefer.

1. Fix #20: % on High Skill avg-pick columns

The GradientCell component defaults suffix='%', which is correct for the win-rate columns but renders avg-pick (a 1–40 position number) as e.g. 12.3%. This is exactly what the screenshot in #20 shows.

Abilities.tsx already handles this correctly by passing suffix="" explicitly on its pick-position columns. I followed the same pattern in AbilityHighSkill.tsx for avgPickHighSkill and avgPickAll.

I considered changing the GradientCell default to '' instead, but that has more blast radius — every page using GradientCell for win-rates would need an explicit suffix="%". Left the default alone, only fixed the two call sites that were rendering wrong.

Files changed: src/pages/AbilityHighSkill.tsx (+2 lines)

2. Add a build workflow

There are no GitHub Actions workflows in the repo yet, so PRs (including this one) can't get a green check. I added .github/workflows/build.yml that runs npm ci && npm run build on push to main and on every PR.

This catches TypeScript or Vite build regressions before deploy, which seemed worth it given the manual scp deploy mentioned in the README.

A couple of conscious choices:

  • npm run lint left out on purpose. Running it on main right now produces 32 errors (mostly @typescript-eslint/no-explicit-any and react-hooks/static-components), so turning it on as a CI gate without first cleaning them up would block every future PR. Happy to do a separate lint-cleanup PR if you'd like, or you can wire lint in later when convenient.
  • Node 20 (current LTS) — change to whatever matches your local dev if different.

Files changed: .github/workflows/build.yml (new file, 24 lines)


Verifying

  • Ran npm ci && npm run build locally — clean build, no new warnings.
  • Manually verified the avg-pick columns render as plain numbers in dev (no %).

Happy to revise either of these — or split into two PRs if you'd prefer to merge them independently. Thanks for windrun.io!

GradientCell defaults suffix to '%', which is correct for win-rate
columns but wrong for avg-pick (which is a 1-40 position number).
Other pages like Abilities.tsx already pass suffix="" explicitly
on their pick-position columns; doing the same here.
Repo currently has no CI; this runs npm ci + tsc + vite build on
push to main and on every PR, so build regressions surface before
deploy. Lint is intentionally not wired up here since there are
existing lint errors in main; that can be a separate cleanup PR.
@netlify

netlify Bot commented Apr 25, 2026

Copy link
Copy Markdown

Deploy Preview for windrun ready!

Name Link
🔨 Latest commit 4555647
🔍 Latest deploy log https://app.netlify.com/projects/windrun/deploys/69eceb93c8a2bb00081ebcc1
😎 Deploy Preview https://deploy-preview-23--windrun.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

High Skill Ability Page shows % for avg pick #

1 participant