<TransactionTable /> progress indicator animation

[vercel-toolbar]

Issue originates from a comment by @fiveoutofnine:

fiveoutofnine:

can be taller

Replies

fiveoutofnine:
if you want to animate it, I recommend a set-up similar to: https://github.com/fiveoutofnine/vb-discovery/blob/4c37eddb46bbb5930861a22822d1b744bca09750/app/(authenticated)/onboarding/(flows)/(components)/progress-nav-bar.tsx#L173-L198

fiveoutofnine:
really clean imo, basically you create a rectangular mask to animate by, but it's rotated 180°, so you get the "flat" cut off you want

fiveoutofnine:
and it uses SVG so not hacky divs being moved around like a barbarian

fiveoutofnine:
also recommend these styles

Shun Kakinoki:
LMFAO thank you for the SVG animation mate

---

View in Vercel preview

[linear]

LIGHT-227 `<TransactionTable />` progress indicator animation