Skip to content
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.

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

Animate validators as they render #790

Merged
merged 1 commit into from
Mar 18, 2024

Conversation

jessepinho
Copy link
Contributor

@jessepinho jessepinho commented Mar 18, 2024

Well, that was easy.

Screen.Recording.2024-03-18.at.3.41.22.PM.mov

(Note that I had to install framer-motion inside minifront. This shouldn't actually add to the bundle size, though, since it's also installed in packages/ui, which is used by minifront. That said, we could probably save a bit of bundle size by not using framer-motion at all and rolling our own animations, or using the View Transitions API.)

@jessepinho jessepinho force-pushed the jessepinho/animate-validator-rows-web-789 branch from ab5824a to f607556 Compare March 18, 2024 22:43
<motion.div
key={bech32IdentityKey(getIdentityKeyFromValueView(delegation))}
layout
className='bg-charcoal'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Gave it a background so that text doesn't overlap other text during the animations

@jessepinho jessepinho marked this pull request as ready for review March 18, 2024 22:50
@jessepinho jessepinho requested review from grod220, turbocrime, Valentine1898 and TalDerei and removed request for grod220 March 18, 2024 22:50
Copy link
Contributor

@Valentine1898 Valentine1898 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

I'd prefer an animated skeleton (but I'm not a designer)

Copy link
Collaborator

@grod220 grod220 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like it!

@jessepinho jessepinho merged commit 9d59fa1 into main Mar 18, 2024
6 checks passed
@jessepinho jessepinho deleted the jessepinho/animate-validator-rows-web-789 branch March 18, 2024 23:03
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.

3 participants