remove animation

Expensify · Jun 13, 2024 · 3e1c0b8 · 3e1c0b8
1 parent 9ddc788
commit 3e1c0b8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 17 deletions.
diff --git a/src/components/LottieAnimations/index.tsx b/src/components/LottieAnimations/index.tsx
@@ -51,11 +51,6 @@ const DotLottieAnimations = {
         h: 400,
         backgroundColor: colors.ice500,
     },
-    MagicCode: {
-        file: require('@assets/animations/MagicCode.lottie'),
-        w: 200,
-        h: 164,
-    },
     Magician: {
         file: require('@assets/animations/Magician.lottie'),
         w: 853,

diff --git a/src/components/ValidateCode/ValidateCodeModal.tsx b/src/components/ValidateCode/ValidateCodeModal.tsx
@@ -4,8 +4,6 @@ import type {OnyxEntry} from 'react-native-onyx';
 import {withOnyx} from 'react-native-onyx';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
-import Lottie from '@components/Lottie';
-import LottieAnimations from '@components/LottieAnimations';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import useLocalize from '@hooks/useLocalize';
@@ -15,6 +13,7 @@ import variables from '@styles/variables';
 import * as Session from '@userActions/Session';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Session as SessionType} from '@src/types/onyx';
+import * as Illustrations from '@components/Icon/Illustrations';
 
 type ValidateCodeModalOnyxProps = {
     /** Session of currently logged in user */
@@ -38,12 +37,10 @@ function ValidateCodeModal({code, accountID, session = {}}: ValidateCodeModalPro
         <View style={styles.deeplinkWrapperContainer}>
             <View style={styles.deeplinkWrapperMessage}>
                 <View style={styles.mb2}>
-                    <Lottie
-                        source={LottieAnimations.MagicCode}
-                        style={styles.magicCodeAnimation}
-                        webStyle={styles.magicCodeAnimation}
-                        autoPlay
-                        loop
+                    <Icon
+                        width={variables.modalTopIconWidth}
+                        height={variables.modalTopIconHeight}
+                        src={Illustrations.MagicCode}
                     />
                 </View>
                 <Text style={[styles.textHeadline, styles.textXXLarge, styles.textAlignCenter]}>{translate('validateCodeModal.title')}</Text>

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -4444,10 +4444,6 @@ const styles = (theme: ThemeColors) =>
             overflow: 'hidden',
         },
 
-        magicCodeAnimation: {
-            width: variables.modalTopIconWidth,
-        },
-
         justSignedInModalAnimation: (is2FARequired: boolean) => ({
             height: is2FARequired ? variables.modalTopIconHeight : variables.modalTopBigIconHeight,
         }),