fix(onboarding): adjust rocket loading duration (#1905)

Author: pwltr

src/screens/Onboarding/Loading.tsx

@@ -32,9 +32,14 @@ const rocketSize = 256;
 Animated.addWhitelistedNativeProps({ text: true });
 const AnimatedText = Animated.createAnimatedComponent(TextInput);
 
-const LoadingWalletScreen = (): ReactElement => {
+const LoadingWalletScreen = ({
+	isRestoring = false,
+}: {
+	isRestoring?: boolean;
+}): ReactElement => {
 	const { t } = useTranslation('onboarding');
 	const { width } = useWindowDimensions();
+	const animationDuration = isRestoring ? 16000 : 1500;
 
 	const progressValue = useSharedValue(0);
 	const progressText = useDerivedValue(() => {
@@ -46,7 +51,7 @@ const LoadingWalletScreen = (): ReactElement => {
 
 	useEffect(() => {
 		progressValue.value = withTiming(100, {
-			duration: 4000,
+			duration: animationDuration,
 			easing: Easing.linear,
 		});
 		// eslint-disable-next-line react-hooks/exhaustive-deps

src/screens/Onboarding/Restoring.tsx

@@ -84,7 +84,7 @@ const RestoringScreen = (): ReactElement => {
 	}, [profile.name, onboardingStep, dispatch]);
 
 	let color: keyof IColors = 'brand';
-	let content = <LoadingWalletScreen />;
+	let content = <LoadingWalletScreen isRestoring={true} />;
 
 	if (showRestored || showFailed) {
 		color = showRestored ? 'green' : 'red';