[e.cash] Add animation package and reusable settings
ClosedPublic
Actions

Authored by johnkuney on Jul 10 2023, 16:27.

Details

Reviewers

bytesofman

Group Reviewers

Restricted Project

Commits

rABC88279535d814: [e.cash] Add animation package and reusable settings

Summary

Need some nice animations on the page. Adding framer motion package which is a popular tool for creating animations
Wrote a script that can return the animation settings object based on specified parameters
Put it in the components directory, but not sure this is best as its not really a component, but didnt really fit in data either. Open to thoughts there
Added the animations to a few places on the homepage so it can be seen in action

Test Plan

npm run test
preview the site and check the homepage animations

Diff Detail

Repository

rABC Bitcoin ABC

Lint

Lint Not Applicable

Unit

Tests Not Applicable

Event Timeline

johnkuney created this revision.Jul 10 2023, 16:27

Herald added a reviewer: Restricted Project. · View Herald TranscriptJul 10 2023, 16:27

johnkuney requested review of this revision.Jul 10 2023, 16:27

Harbormaster completed remote builds in B24433: Diff 41357.Jul 10 2023, 16:27

@bot preview-e.cash

web/e.cash/components/framer-motion/index.js
6–9 ↗	(On Diff #41357)

Build Bitcoin ABC Diffs / Diff Testing (preview-e.cash) passed.
Preview is available at http://54.39.104.128:41622 for the next 60 minutes.

Put it in the components directory, but not sure this is best as its not really a component, but didnt really fit in data either. Open to thoughts there

any reason it can't live in styles/ ?

This revision now requires changes to proceed.Jul 10 2023, 21:07

move it to styles, edit comment

Harbormaster completed remote builds in B24440: Diff 41368.Jul 10 2023, 21:44

@bot preview-e.cash