Merge pull request #17567 from Expensify/georgia-signin-animation

Animate Hands on Sign-In Page
Expensify · Apr 27, 2023 · 28ce89a · 28ce89a
2 parents 47898da + c0cbda3
commit 28ce89a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/assets/animations/Hands.json b/assets/animations/Hands.json
diff --git a/src/pages/signin/SignInHeroImage.js b/src/pages/signin/SignInHeroImage.js
@@ -1,7 +1,7 @@
-import {View} from 'react-native';
 import React from 'react';
+import Lottie from 'lottie-react-native';
+import hands from '../../../assets/animations/Hands.json';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../../components/withWindowDimensions';
-import * as Illustrations from '../../components/Icon/Illustrations';
 import styles from '../../styles/styles';
 import variables from '../../styles/variables';
 
@@ -29,12 +29,12 @@ const SignInHeroImage = (props) => {
     }
 
     return (
-        <View style={[styles.alignSelfCenter, imageSize]}>
-            <Illustrations.Hands
-                width="100%"
-                height="100%"
-            />
-        </View>
+        <Lottie
+            source={hands}
+            loop
+            autoPlay
+            style={[styles.alignSelfCenter, imageSize]}
+        />
     );
 };