Swaps: package upgrades, fix SwapBackground and AnimatedSwapSpinner

christianbaroni commented 1 month ago

Fixes APP-1462 Fixes APP-1520 Fixes APP-1522

What changed (plus any additional context for devs)

Package upgrades :
- @shopify/react-native-skia: v0.1.200 → v1.3.0
- react-native-svg: v13.9.0 → v15.3.0
- @react-native-masked-view/masked-view: v0.2.9 → v0.3.1
- @react-native-community/blur: v4.3.2 → v4.4.0
- Also refactors outdated Skia code to work with the latest version, and removes outdated patches for Skia and react-native-svg
Fixes the swap screen background gradient to update alongside the selected assets
Refactors AnimatedSpinner to optionally accept animated color and isLoading props, and fixes the swap spinner color and FlipButton styles
Fixes ETH colors and low contrast asset colors — previously we were using the unshifted asset color everywhere

Background gradient and spinner:

The animation that needed to be refactored to upgrade Skia:

linear[bot] commented 1 month ago

socket-security[bot] commented 1 month ago

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@react-native-community/blur@4.4.0	None	`0`	109 kB	titozzz
npm/@react-native-masked-view/masked-view@0.3.1	None	`0`	59 kB	naturalclar
npm/@shopify/react-native-skia@1.3.0	Transitive: environment	`+4`	250 MB	shopify-dep
npm/react-native-svg@15.3.0	network	`0`	2.75 MB	jake7

🚮 Removed packages: npm/@react-native-community/blur@4.3.2, npm/@react-native-masked-view/masked-view@0.2.9, npm/@shopify/react-native-skia@0.1.200, npm/react-native-svg@13.9.0

sentry-io[bot] commented 1 month ago

This pull request was deployed and Sentry observed the following issues:

‼️ Error: WC: Tx failure - bridge.zora.energy <global>(src/logger/index) View Issue

_{Did you find this useful? React with a 👍 or 👎}